﻿// JScript 文件
if(document.getElementById("chkSmile")) document.getElementById("chkSmile").checked = false;
if(document.getElementById("chkSmileVideo")) document.getElementById("chkSmileVideo").checked = false;
function addSmiley()
{
    if(!document.getElementById('tbsmiles')){
        var str ='<table  id=\"tbsmiles\" cellpadding=\"0\" cellspacing=\"0\"><tbody>'
            + '<tr align=\"left\">'
            + '<td align=\"center\" onClick=\"insertSmiley(3)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/chun.gif\" id=\"smilie_3\" alt=\":chun:\" title=\"冲 :chun:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(19)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/yes.gif\" id=\"smilie_19\" alt=\":yes:\" title=\":yes:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(17)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/shan.gif\" id=\"smilie_17\" alt=\":shan:\" title=\":shan:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(5)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/ding.gif\" id=\"smilie_5\" alt=\":ding:\" title=\"顶 :ding:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(6)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/eat.gif\" id=\"smilie_6\" alt=\":eat:\" title=\"吃t:eat:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(8)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/fashe.gif\" id=\"smilie_8\" alt=\":fashe:\" title=\":fashe:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(9)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/go.gif\" id=\"smilie_9\" alt=\":go:\" title=\":go:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(10)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/good.gif\" id=\"smilie_10\" alt=\":good:\" title=\":good:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(11)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/haha.gif\" id=\"smilie_11\" alt=\":haha:\" title=\":haha:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(12)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/hughug.gif\" id=\"smilie_12\" alt=\":hughug:\" title=\":hughug:\" /></td>'
            + '</tr>'
            + '<tr>'
            + '<td align=\"center\" onClick=\"insertSmiley(2)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/chaoren.gif\" id=\"smilie_2\" alt=\":chaoren:\" title=\"超人 :chaoren:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(18)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/ye.gif\" id=\"smilie_18\" alt=\":ye:\" title=\":ye:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(1)\" onmouseover=\"smileyMenu(this)\"  onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/88.gif\" id=\"smilie_1\" alt=\":88:\" title=\"88 :88:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(13)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/jiayou.gif\" id=\"smilie_13\" alt=\":jiayou:\" title=\":jiayou:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(14)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/love.gif\" id=\"smilie_14\" alt=\":love:\" title=\":love:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(16)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/no.gif\" id=\"smilie_16\" alt=\":no:\" title=\":no:\" /></td>'
            + '<td colspan=\"4\" class=\"cols\">此表情由好奇宝宝提供。</td></tr>'
            +'<tbody></table>';

        document.getElementById("divSmile").innerHTML = str;
    }
   
     if(document.getElementById("chkSmile").checked){
        document.getElementById("divSmile").style.display="block";
     }else{
        document.getElementById("divSmile").style.display="none";
     } 
}

function addSmileyByVideo()
{
    if(!document.getElementById('tbsmiles')){
        var str ='<table  id=\"tbsmiles\" cellpadding=\"0\" cellspacing=\"0\"><tbody>'
            + '<tr align=\"left\">'
            + '<td align=\"center\" onClick=\"insertSmiley(3)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/chun.gif\" id=\"smilie_3\" alt=\":chun:\" title=\"冲 :chun:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(19)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/yes.gif\" id=\"smilie_19\" alt=\":yes:\" title=\":yes:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(17)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/shan.gif\" id=\"smilie_17\" alt=\":shan:\" title=\":shan:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(5)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/ding.gif\" id=\"smilie_5\" alt=\":ding:\" title=\"顶 :ding:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(6)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/eat.gif\" id=\"smilie_6\" alt=\":eat:\" title=\"吃t:eat:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(8)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/fashe.gif\" id=\"smilie_8\" alt=\":fashe:\" title=\":fashe:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(9)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/go.gif\" id=\"smilie_9\" alt=\":go:\" title=\":go:\" /></td>'
             
            + '<td align=\"center\" onClick=\"insertSmiley(10)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/good.gif\" id=\"smilie_10\" alt=\":good:\" title=\":good:\" /></td>'
           + '</tr>'
            + '<tr>'
            + '<td align=\"center\" onClick=\"insertSmiley(11)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/haha.gif\" id=\"smilie_11\" alt=\":haha:\" title=\":haha:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(12)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/hughug.gif\" id=\"smilie_12\" alt=\":hughug:\" title=\":hughug:\" /></td>'
            
            + '<td align=\"center\" onClick=\"insertSmiley(2)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/chaoren.gif\" id=\"smilie_2\" alt=\":chaoren:\" title=\"超人 :chaoren:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(18)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/ye.gif\" id=\"smilie_18\" alt=\":ye:\" title=\":ye:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(1)\" onmouseover=\"smileyMenu(this)\"  onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/88.gif\" id=\"smilie_1\" alt=\":88:\" title=\"88 :88:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(13)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/jiayou.gif\" id=\"smilie_13\" alt=\":jiayou:\" title=\":jiayou:\" /></td>'
            
            + '<td align=\"center\" onClick=\"insertSmiley(14)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/love.gif\" id=\"smilie_14\" alt=\":love:\" title=\":love:\" /></td>'
            + '<td align=\"center\" onClick=\"insertSmiley(16)\" onmouseover=\"smileyMenu(this)\" onmouseout=\"this.className=\'\'\"><img src=\"http://si.yaolanimage.cn/images/expression/no.gif\" id=\"smilie_16\" alt=\":no:\" title=\":no:\" /></td>'
            + '</tr>'
            + '<tr>'
            + '<td colspan=\"4\" class=\"cols\">此表情由好奇宝宝提供。</td></tr>'
            +'<tbody></table>';

        document.getElementById("divSmileVideo").innerHTML = str;
    }
   
     if(document.getElementById("chkSmileVideo").checked){
        document.getElementById("divSmileVideo").style.display="block";
     }else{
        document.getElementById("divSmileVideo").style.display="none";
     } 
}

function insertSmiley(smilieid) {
	checkFocus();
	var src = document.getElementById('smilie_' + smilieid).src;
	var code = document.getElementById('smilie_' + smilieid).alt;	
	add(code);
}

function checkFocus() {
	var obj = typeof wysiwyg == 'undefined' || !wysiwyg ? document.getElementById('txtContent') : editwin;
	if(!obj.hasfocus) {
		obj.focus();
	}
}

function smileyMenu(obj){
    obj.className='hover';
}


var start=0;
var end=0;
function add(code)
{
    var textBox = document.getElementById("txtContent");
    var pre = textBox.value.substr(0, start);
    var post = textBox.value.substr(end);
    textBox.value = pre + code + post;
}
if(document.getElementById('txtContent'))
{
    document.getElementById('txtContent').onkeydown=function(){ savePos(this);}
    document.getElementById('txtContent').onkeyup=function(){ savePos(this);}
    document.getElementById('txtContent').onmousedown=function(){ savePos(this);}
    document.getElementById('txtContent').onmouseup=function(){ savePos(this);}
    document.getElementById('txtContent').onfocus=function(){ savePos(this);}
}

function savePos(textBox)
{
     //如果是Firefox(1.5)的话，方法很简单
     if(typeof(textBox.selectionStart) == "number")
     {
        start = textBox.selectionStart;
        end = textBox.selectionEnd;
     }
    //下面是IE(6.0)的方法，麻烦得很，还要计算上'\n'
     else if(document.selection)
     {
        var range = document.selection.createRange();
        if(range.parentElement().id == textBox.id)
        {
             // create a selection of the whole textarea
             var range_all = document.body.createTextRange();
             range_all.moveToElementText(textBox);
             //两个range，一个是已经选择的text(range)，一个是整个textarea(range_all)
             //range_all.compareEndPoints()比较两个端点，如果range_all比range更往左(further to the left)，则 //返回小于0的值，则range_all往右移一点，直到两个range的start相同。
             // calculate selection start point by moving beginning of range_all to beginning of range
             for (start=0; range_all.compareEndPoints("StartToStart", range) < 0; start++)
                range_all.moveStart('character', 1);
                 // get number of line breaks from textarea start to selection start and add them to start
                 // 计算一下\n
                 for (var i = 0; i <= start; i ++){
                    if (textBox.value.charAt(i) == '\n')
                    start++;
                 }
                 // create a selection of the whole textarea
                 var range_all = document.body.createTextRange();
                 range_all.moveToElementText(textBox);
                // calculate selection end point by moving beginning of range_all to end of range
                for (end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; end ++)
                    range_all.moveStart('character', 1);
                // get number of line breaks from textarea start to selection end and add them to end
                for (var i = 0; i <= end; i ++)
                {
                   if (textBox.value.charAt(i) == '\n') end ++;
                }
         }
     } 
}