var posX;
var posY;
var oEmoticonPicker = null;
var bEmoticonPicker = false;
/*
* emoticon picker class initailize
 */

function init(){
    oEmoticonPicker = new EmoticonPicker();
}
function position(house){
    if (house) {
        posX = event.x + document.body.scrollLeft;
        posY = event.y + document.body.scrollTop-120;
    } else {
        posX = event.x + document.body.scrollLeft+10;
        posY = event.y + document.body.scrollTop-50;
    }
}

/*
 * emoticon picker
 */

function EmoticonPicker(){
    var emoUrl = "http://l.yimg.com/ne/avatar/emoticon/";
    this.divWrite = divWrite;
    var emoticons = new Array("01.gif","02.gif","03.gif","04.gif","05.gif","06.gif","07.gif","08.gif","09.gif","10.gif","11.gif","12.gif","13.gif","14.gif","15.gif","16.gif","17.gif","18.gif","19.gif","20.gif","21.gif","22.gif","23.gif","24.gif","25.gif","26.gif","27.gif","28.gif","29.gif","30.gif","31.gif","32.gif","33.gif","34.gif","35.gif","36.gif","37.gif","38.gif","39.gif","40.gif","41.gif","43.gif","44.gif","45.gif","46.gif","47.gif","48.gif","49.gif","50.gif","51.gif","52.gif","53.gif","54.gif","55.gif","56.gif","57.gif","58.gif","59.gif","81.gif","82.gif","83.gif","84.gif","85.gif","86.gif");
    var total = emoticons.length;
    var width = 8;
    var ep_contents = "";
    ep_contents += "<table bgcolor='#FFFFFF' border='1' bordercolor='#969696' cellpadding='0' cellspacing='3' class='tbl'><tr><td onmouseover='emoticon_picker.style.visibility = \"visible\";bEmoticonPicker = true;;' onmouseout='emoticon_picker.style.visibility = \"hidden\";bEmoticonPicker = false;'>";
    ep_contents += "<table border='0' cellpadding='2' cellspacing='0'>";

    for(var i=0;i<total;i++){
        if((i % width) == 0){
            ep_contents += "<tr>";
        }
        ep_contents +="<td align='center' onmouseover=\"this.style.backgroundColor='#2E3192'\" onmouseout=\"this.style.backgroundColor='#FFFFFF'\"><img src="+emoUrl+emoticons[i]+" onclick='selectEmoticon(\""+emoticons[i]+"\")'></td>";
        if( ((i+1)>=total) ||(((i+1) % width) == 0)){
            ep_contents += "</tr>";
        }
    }
    ep_contents += "</table></td></tr>";
    ep_contents += "</table>";
    
    /*
    * picker layer open, close and reposition
    */
    function divWrite(){
        if(!bEmoticonPicker){
		if(posY<0) posY=0;
            emoticon_picker.style.top = posY;
            emoticon_picker.style.left = posX;//document.body.clientWidth/3;
            emoticon_picker.style.visibility = "visible";
            emoticon_picker.innerHTML = ep_contents;
            bEmoticonPicker = true;
        }else{
            emoticon_picker.style.visibility = "hidden";
            emoticon_picker.innerHTML = "";
            bEmoticonPicker = false;
        }
    }
}
    function selectEmoticon(i){
        emoticon_picker.style.visibility = "hidden";
        emoticon_picker.innerHTML = "";
        bEmoticonPicker = false;
        document.emoticon.src="http://l.yimg.com/ne/avatar/emoticon/"+i;
        document.all.imoticon.value = i;
}

oEmoticonPicker = new EmoticonPicker();