var emots_pic = [
/*常规表情
{'name':'偷笑','id':'1-1'},
{'name':'害羞~','id':'1-2'},
{'name':'晕','id':'1-3'},
{'name':'白眼','id':'1-4'},
{'name':'抓狂','id':'1-5'},
{'name':'可爱','id':'1-6'},
{'name':'困','id':'1-7'},
{'name':'得意','id':'1-8'},
{'name':'呲牙','id':'1-9'},
{'name':'大哭','id':'1-10'},
{'name':'酷','id':'1-11'},
{'name':'睡着了','id':'1-12'},
{'name':'惊讶','id':'1-13'},
{'name':'发呆','id':'1-14'},
{'name':'调皮','id':'1-15'},
{'name':'难过','id':'1-16'},
{'name':'闭嘴','id':'1-17'},
{'name':'微笑','id':'1-18'},
{'name':'惊恐','id':'1-19'},
{'name':'奋斗','id':'1-20'},
{'name':'流汗','id':'1-21'},
{'name':'发怒','id':'1-22'},
{'name':'傲慢','id':'1-23'},
{'name':'撇嘴','id':'1-24'},
{'name':'尴尬','id':'1-25'},
{'name':'色','id':'1-26'},
{'name':'疑问','id':'1-27'}
*/
/*常规表情*/
{'name':'顶','id':'2-1'},
{'name':'也不行~','id':'2-2'},
{'name':'汗水','id':'2-3'},
{'name':'飞吻','id':'2-4'},
{'name':'a!!','id':'2-5'},
{'name':'拍砖','id':'2-6'},
{'name':'兴奋','id':'2-7'},
{'name':'撞墙','id':'2-8'},
{'name':'郁闷','id':'2-9'},
{'name':'Yeah!','id':'2-10'},
{'name':'不嘛','id':'2-11'},
{'name':'抽风','id':'2-12'},
{'name':'睡着了...','id':'2-13'},
{'name':'得意','id':'2-14'},
{'name':'抖胸','id':'2-15'},
{'name':'瞌睡','id':'2-16'},
{'name':'一起2','id':'2-17'},
{'name':'不服','id':'2-18'},
{'name':'昏迷','id':'2-19'},
{'name':'砍','id':'2-20'},
{'name':'鄙视','id':'2-21'},
{'name':'冷静','id':'2-22'},
{'name':'挠墙','id':'2-23'},
{'name':'牛奶','id':'2-24'},
{'name':'闪闪','id':'2-25'},
{'name':'少林寺左-右','id':'2-26'},
{'name':'晃','id':'2-27'},
{'name':'生日快乐','id':'2-28'},
{'name':'什么','id':'2-29'},
{'name':'睡觉','id':'2-30'},
{'name':'摊手','id':'2-31'},
{'name':'MUSIC','id':'2-32'},
{'name':'Kiss!','id':'2-33'},
{'name':'我戳','id':'2-34'},
{'name':'吃糖葫芦','id':'2-35'},
{'name':'醒来','id':'2-36'},
{'name':'杂技','id':'2-37'},
{'name':'跳舞','id':'2-38'},
{'name':'88','id':'2-39'},
{'name':'路过','id':'2-40'},
{'name':'走啊','id':'2-41'},
{'name':'哭','id':'2-43'},
{'name':'无辜','id':'2-44'},
{'name':'再见','id':'2-46'}
/*更多表情*/
];



if(typeof($$) == 'undefined')
{
    function $$(obj){return document.getElementById(obj);}
}

function addTxt(obj, str)
{
    if (document.selection)
    {
        obj.focus();
        sel = document.selection.createRange();
        sel.text = str;
        obj.focus();
    }
    else if (obj.selectionStart || obj.selectionStart == "0") 
    {
        var startPos = obj.selectionStart;
        var endPos = obj.selectionEnd;
        var topPos = obj.scrollTop;
        var tmpString = obj.value;

        obj.value = tmpString.substring(0, startPos) + str + tmpString.substring(endPos, tmpString.length);
        startPos += str.length;
        obj.selectionStart = startPos;
        obj.selectionEnd   = startPos;
        obj.scrollTop      = topPos;
    }
    else 
    {
        obj.value += str;
    }
}

function add_emot(id, name, obj)
{
    if(typeof(obj) == 'undefined')
    {
        obj = $$('message');
    }

    //var   str = '[:'+id+':'+name + ']';
    var str = ' [:'+id+':] ';
    addTxt(obj, str);
}

function em_overout(act, id)
{
    if(act)
    {
        $$('img2_' + id).style.display /*= $$('img3_' + id).style.display*/ = '';
    }
    else
    {
        $$('img2_' + id).style.display =/* $$('img3_' + id).style.display =*/ 'none';
    }
}

var EMOTE_CSS = false;
function moto_emote(page, per, obj, mag_wid, num_wid)
{
    
    if(typeof(evar) == 'undefined')
    {
        if(typeof(obj) == 'undefined' || typeof(emots_pic) == 'undefined' || typeof(per) == 'undefined')
        {
            return;
        }
        evar =  {'per':per, 'obj':obj, 'emots':emots_pic };
    }

    if(!EMOTE_CSS)
    {
        if(mag_wid < 1)mag_wid = 1;
        if(num_wid < 1)num_wid = 5;
        var css = '<style>'+
'.emote{ width:100%; clear:both;position:relative;}'+
'.emote .r_3_1 { width:17px; float:left; margin:13px 2px;}'+
'.emote .r_3_2 { float:left; text-align:left;}'+
'.emote .r_3_3 { width:17px; float:right; margin:13px 2px;}'+
'.emote .r_3_2 ul{ list-style:none; margin:0px; padding:0px; border:0px;}'+
'.emote .r_3_2 li{ float:left; margin:1px '+mag_wid+'px ;color:#000; font-size:12px; background:#F7FBFF;}'+
'.emote .r_3_2 .num { width:'+num_wid+'px; }'+
'.emote .r_3_2 .num span{width:12px;height:12px;position:absolute;top:55px;right:3px;color:#92BC32;background:#FFFFFF;padding:2px;}'+
'.emote .pics { position:relative;width:50px; height:50px;padding:1px;}'+
'.emote .tname{ width:50px; height:20px; clear:both; line-height:20px; text-align:center; font-size:12px;}'+
'.pic {position:absolute;left:-7px;top:-12px;z-index:10;background:#333;}'+
'.pic span { display:block; border:1px solid #333; background:#FFF; position:relative; }'+
'.right { top:-2px;  left:-2px; }'+
'.left {  top:-2px;  right:-2px; }'+
            '</style>';
        document.write(css);
        EMOTE_CSS = true;
    }

    var objDiv      = evar.obj;
    var emots       = evar.emots;
    var perpage     = Math.max(1, parseInt(evar.per));
    var emot_cnt    = emots.length; if(emot_cnt < 1)return;
    var max_page    = Math.ceil(emot_cnt / perpage);
    var page        = Math.min(max_page, Math.max(1, parseInt(page)));if(!page)return;
    var startid     = Math.max(0, (page-1) * perpage);
    var endid       = Math.min(emot_cnt, page * perpage);
    if(page < 3)
    {
        startpage       = 1;
        endpage         = 5;
    }
    else if(page > max_page - 3)
    {
        endpage         = max_page;
        startpage       = endpage - 4;
    }
    else
    {
        startpage       = page - 2;
        endpage         = page + 2;
    }
    var startpage   = Math.max(1, startpage);
    var endpage     = Math.min(max_page, endpage);
    
    var res = '    <div class="emote" unselectable="on" >';

    if(page > 1)
    {
    res +='<div class="r_3_1" unselectable="on"><img src="./images/message_before.gif" width="17" height="23" alt="上一页" title="上一页" class="emote_l1" style="cursor:pointer;" unselectable="on" onclick="moto_emote(' + (page-1) + ');return false" /></div>';
    }
    else
    {
    res +='<div class="r_3_1" unselectable="on"><img src="./images/message_before.gif" width="17" height="23" alt="最后一页" title="上一页" class="emote_l1" style="cursor:pointer;" unselectable="on" onclick="moto_emote(' + (max_page) + ');return false" /></div>';
    }
    res += '<div class="r_3_2" unselectable="on"><ul>';
    
    res += '<li class="num" unselectable="on"><span>'+(page < 9 ? '0' : '' ) + page + '</span></li>';
    for(var i = startid ;i  < endid  ; i++)
    {
        
            name =emots[i].name . length> 3 ? emots[i].name.substring(0,3)+'.' :emots[i].name;

    res += 
        '<li title="'   + emots[i].name + '" style="border:1px solid #E6EFFF;cursor:pointer;" onmouseover="em_overout(1,\'' + emots[i].id + '\');" onmouseout="em_overout(0,\'' + emots[i].id + '\');"  onclick="add_emot(\'' + emots[i].id + '\',\'' + emots[i].name + '\');return false">'+
        '<div class="pics" id="pic_' + emots[i].id + '"><img src="./images/c.gif" class="em_' + emots[i].id +'" border="0" id="img_' + emots[i].id + '" unselectable="on" /><div  unselectable="on" class="pic" id="img2_' + emots[i].id + '"  style="display:none"><span class="right" unselectable="on" ><img src="./images/c.gif" class="ems_' + emots[i].id +'" border="0" unselectable="on" /></span></div></div>'+
        '<div class="tname" id="name_' + emots[i].id + '">'+name+'</div>'+
        '</li>';
    }
    
      res += '</ul></div>';
    if(page <max_page)
    {
    res += '<div class="r_3_3" unselectable="on"><img onclick="moto_emote(' + (page+1) + ');return false" src="./images/message_next.gif" class="emote_r1" style="cursor:pointer;" width="17" height="23" alt="下一页" unselectable="on" title="下一页" /></div>';
    }
    else
    {
    res += '<div class="r_3_3" unselectable="on"><img onclick="moto_emote(' + (1) + ');return false" src="./images/message_next.gif" class="emote_r1" style="cursor:pointer;" width="17" height="23" alt="第一页" unselectable="on" title="第一页" /></div>';
    }
    res +'</div>';

    objDiv.innerHTML =  res;
}