document.write('<link rel="stylesheet" href="'+kiloboaturl+'d.css"/>');

    function ImgDip(id)
    {
        if(document.getElementById("t"+id).style.display == "none")
        {
        document.getElementById("g"+id).src=kiloboaturl+"/pannel_r13_c11.jpg";
        document.getElementById("t"+id).style.display = "block";
        }else
        {
        document.getElementById("g"+id).src=kiloboaturl+"/pannel_r20_c11.jpg";
        document.getElementById("t"+id).style.display = "none";
        }
    }
    //show by time
   
    function showExpan(){
    if(typeof kilo_pos=='undefined')
        kilo_pos=";left:10px;top:10px";
	var QueueArray = panelSDK.getQueueArray();
	var GroupHtml = "",UsersHtml = "",online = -1,isline = "",pic="/pannel_r17_c7.jpg";
	var sonline="Online",saway="Away",sbusy="Busy",soffline ="Offline";
	var GroupHtmls = "";
	var imgs = "/pannel_r13_c11.jpg",isdis = "block";
	var headpic="/pannel_r5_c6.jpg";
	var messagepic="/pannel_r5_c10.jpg";
	if(panelSDK.getStatusOfWorkgroup()==0)
	{
		  headpic="/pannel_r5_c6_1.jpg";
		  messagepic="/pannel_r5_c10_1.jpg";
	}
	
	var CHtml ="<div id=\"kiloboatdiv\" onmouseout=\"document.getElementById('con').style.display='none'\" onmouseover=\"document.getElementById('con').style.display='block'\" style=\"position:fixed"+kilo_pos+";z-index:10000\"><table style='width:120px' border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td colspan=\"5\"><img src=\""+kiloboaturl+"/pannel_r2_c2.jpg\" width=\"120\" height=\"2\" /></td></tr><tr><td align=\"center\"><img src=\""+kiloboaturl+"/pannel_r3_c2.jpg\" width=\"1\" height=\"81\" /></td><td align=\"center\"><img src=\""+kiloboaturl+"/pannel_r3_c3.jpg\" width=\"4\" height=\"81\" /></td><td align=\"center\"><table width=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td colspan=\"3\"  style='cursor:move' onmousedown='kilo_boat_catchDiv(kiloboatdiv,event)'><img src=\""+kiloboaturl+"/pannel_r3_c5.jpg\" width=\"110\" height=\"28\" /></td></tr><tr><td colspan=\"3\"><img src=\""+kiloboaturl+"/pannel_r4_c5.jpg\" width=\"110\" height=\"6\" /></td></tr><tr><td><img src=\""+kiloboaturl+"/pannel_r5_c5.jpg\" width=\"6\" height=\"38\" /></td><td><img src=\""+kiloboaturl+headpic+"\" onclick='panelSDK.startChatWithWorkgroup()' style='cursor:pointer' width=\"38\" height=\"38\" /></td><td><img id=\"kilo_online\" onmouseover=\"document.getElementById('con').style.display='block'\" onclick='panelSDK.startChatWithWorkgroup()' style='cursor:pointer' src=\""+kiloboaturl+messagepic+"\" width=\"66\" height=\"38\" /></td></tr><tr><td colspan=\"3\"><img src=\""+kiloboaturl+"/pannel_r6_c5.jpg\" width=\"110\" height=\"9\" /></td></tr></table></td><td><img src=\""+kiloboaturl+"/pannel_r3_c13.jpg\" width=\"4\" height=\"81\" /></td><td><img src=\""+kiloboaturl+"/pannel_r3_c15.jpg\" width=\"1\" height=\"81\" /></td></tr><tr><td colspan=\"5\"><img src=\""+kiloboaturl+"/pannel_r7_c2.jpg\" width=\"120\" height=\"2\" /></td></tr></table><table id=\"con\" style='display:none' width=\"120\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td style='background-image:url("+kiloboaturl+"/pannel_r8_c2.jpg)'><img src=\""+kiloboaturl+"/pannel_r8_c2.jpg\" width=\"2\" height=\"20\" /></td><td width=\"116\" align=\"left\" background=\""+kiloboaturl+"/pannel_r8_c4.jpg\"><table width=\"116\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td width=\"3\"></td><td width=\"110\" height=\"18\" align=\"left\" valign=\"bottom\"><div class=\"STYLE1\" title='{Cmpname}'>{Cmpname}</div></td><td width=\"3\"></td></tr></table></td><td style='background-image:url("+kiloboaturl+"/pannel_r8_c14.jpg)'><img src=\""+kiloboaturl+"/pannel_r8_c14.jpg\" width=\"2\" height=\"20\" /></td></tr><tr><td colspan=\"3\"><img src=\""+kiloboaturl+"/pannel_r9_c2.jpg\" width=\"120\" height=\"2\" /></td></tr><tr><td colspan=\"3\" valign=\"top\"><table width=\"120\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td width=\"1\" bgcolor=\"#36AFFF\"></td><td width=\"1\" bgcolor=\"#FFFFFF\"></td><td valign=\"top\" bgcolor=\"#B4E1FF\"><table width=\"116\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td><img src=\""+kiloboaturl+"/pannel_r10_c4.jpg\" width=\"116\" height=\"5\" /></td></tr></table><table width=\"116\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td>{Content}</td></tr></table><table width=\"110\" border=\"0\" cellpadding=\"0\" align=\"center\" cellspacing=\"0\"><tr><td bgcolor=\"#E0E0E0\"></td></tr><tr><td height=\"1\" bgcolor=\"#E0E0E0\"></td></tr></table><table width=\"110\" border=\"0\" cellpadding=\"0\"  align=\"center\" cellspacing=\"0\"><tr><td bgcolor=\"#FFFFFF\"  align=\"center\"><a href=\"http://www.etalkup.com\"><img src=\""+kiloboaturl+"/pannel_r24_c5.jpg\" width=\"110\" height=\"25\" border=\"0\" /></a></td></tr><tr><td height=\"5\"></td></tr></table></td><td width=\"1\" bgcolor=\"#FFFFFF\"></td><td width=\"1\" bgcolor=\"#36AFFF\"></td></tr></table></td></tr><tr><td height=\"1\" colspan=\"3\" valign=\"top\" bgcolor=\"#35B0FE\"></td></tr></table></div>"
	for(var i = 0 ;i < QueueArray.length; i++ )
	{
		UsersHtml= "";
	GroupHtml = "<table width=\"110\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\"><tr><td align=\"center\" valign=\"middle\" bgcolor=\"#E0E0E0\"></td></tr><tr><td height=\"20\" align=\"center\" valign=\"middle\" background=\""+kiloboaturl+"/pannel_r12_c5.jpg\" bgcolor=\"#FFFFFF\"><table width=\"110\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\"><tr><td width=\"5\" align=\"center\" valign=\"middle\"></td><td width=\"90\" height=\"17\" align=\"left\" valign=\"bottom\"><span style=\"cursor:pointer;color:gray\" onclick=\"panelSDK.startChatWithQueue('"+QueueArray[i].name+"')\">" + QueueArray[i].name + "</span></td><td width=\"15\" align=\"left\" valign=\"middle\"><img id=\"g"+QueueArray[i].id+"\" onclick=\"ImgDip('"+QueueArray[i].id+"')\" style=\"cursor:pointer\" src=\""+kiloboaturl+imgs+"\" width=\"5\" height=\"8\" border=\"0\" /></td></tr></table></td></tr><tr><td height=\"1\" align=\"center\" valign=\"middle\" bgcolor=\"#E0E0E0\"></td></tr></table><table  id='t"+QueueArray[i].id+"' style='display:"+isdis+";background-color:#fff;' width=\"110\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\"><tr><td style='font-size:12px'>{Users}</td></tr></table>";
	var UserArray = panelSDK.getUserByQueueIDArray(QueueArray[i].id);
		for(var j = 0 ;j < UserArray.length; j++)
		{
			var online = panelSDK.getStatusOfOperator(UserArray[j].id)
		
			if(online == -1)
				continue;
			if(online == "0")
			{
				isline ="<span style='color:gray'>"+soffline+"</span>";
				pic = "/pannel_r18_c7.jpg";
			}
			else
			    pic = "/pannel_r17_c7.jpg";
			if(online == "1")
				isline ="<span style='color:green'>"+ sonline+"</span>";
			if(online == "2") 
				isline= saway ;
			if(online == "3")
				isline = sbusy;
		    var showName=UserArray[j].name;
            if(navigator.appName!="Microsoft Internet Explorer")
	        {
	         if(UserArray[j].name.length>10){
	           showName="";
	           for(var k=0;k<UserArray[j].name.length;k+=10){
	             var l=k==0?10:13;
	             showName+=UserArray[j].name.substr(k,l)+"<br/>";
	             }
	           showName=showName.substr(0,showName.length-5);  
	          }   
	        }
			UsersHtml += "<tr><td width=\"5\" align=\"left\" valign=\"middle\">&nbsp;</td><td width=\"18\" align=\"left\" valign=\"middle\"><img src=\""+kiloboaturl+pic+"\" /></td><td height=\"20\" align=\"left\" valign=\"middle\"><span onclick=\"panelSDK.startChatWithOperator('"+UserArray[j].id+"')\" class=\"STYLE1\" style='cursor:pointer;word-break:break-all; word-wrap: break-word;'>"+showName+"</span> <span class=\"STYLE3\">[</span><span onclick=\"panelSDK.startChatWithOperator('"+UserArray[j].id+"')\" style='cursor:pointer;'>"+isline+"</span><span class=\"STYLE3\">]</span></td></tr>";
		}
		GroupHtmls +=GroupHtml.replace("{Users}","<table border=\"0\" align=\"left\" cellpadding=\"0\" cellspacing=\"0\">" + UsersHtml +"</table>");
	}
    CHtml = CHtml.replace(/\{Cmpname\}/ig,company).replace("{Content}",GroupHtmls);
    //document.write(CHtml);
    //alert(kiloboat_onlinestate[1].isonline);
	var panel=document.getElementById("kilo_div");
            if(panel==null||panel.tagName.toLowerCase()!="div"){
              panel=document.createElement("div");
              panel.id="kilo_div";
              panel.innerHTML=CHtml;
              document.body.appendChild(panel);
            }
            else{
              panel.innerHTML=CHtml;
              }
            //panel.style.position="fixed"
            panel.style.width="120px";
            if(navigator.appName=='Microsoft Internet Explorer'){
              document.getElementById("kiloboatdiv").style.position="absolute";
            }
            var kilo_div=document.getElementById("kiloboatdiv");
            var hheight=document.body.clientHeight;
            hheight=hheight/2;
            if(kilo_div.style.top!=""){
               var ltop=0;
               try{
                 ltop=parseInt(kilo_div.style.top);
                 }
               catch(e){
                  kilo_div.style.top="";
               }
               if(ltop>hheight){
                  kilo_div.style.top="";
                  var bbottom=2*hheight-ltop-kilo_div.clientHeight;
                  if(bbottom<0)bbottom=1;
                  kilo_div.style.bottom=bbottom+"px";
               }
             }
             else if(kilo_div.style.bottom!=""){
               var lbottom=0;
               try{
                 lbottom=parseInt(kilo_div.style.bottom);
                 }
               catch(e){
                  kilo_div.style.bottom="";
               }
               if(lbottom>hheight){
                  kilo_div.style.bottom="";
                  var bbottom=2*hheight-lbottom-kilo_div.clientHeight;
                  if(bbottom<0)bbottom=1;
                  kilo_div.style.top=bbottom+"px";
               }
             }    
     if (window.document.readyState)
    {//IE
        //window.attachEvent("onscroll",kilo_boat_scrollPanel);
		//window.attachEvent("onresize",kilo_boat_scrollPanel);
    }        
            //panel.style.marginLeft="100px";
            //panel.style.marginTop="100px";
            //panel.style.border="1px solid red";
            //document.write(panel.outerHTML);
            //alert(panel.outerHTML);
            //alert(cxx);
	}
	 function loadJS(file,_onLoad){
           var oHead = document.getElementsByTagName('head')[0];
           var oScript = document.createElement('script');
           if(arguments.length>2){
             var id=arguments[2];
             var s=document.getElementById(id);
             if(s!=null&&s.tagName=="script")oScript=s;
             }
           oScript.type = "text/javascript";
           oScript.src = file;
           oHead.appendChild(oScript);
           if(navigator.appName=='Microsoft Internet Explorer')
           oScript.onreadystatechange=function(){
              if(oScript.readyState&&typeof _onLoad=="function"){
                if(oScript.readyState=="loaded"){ _onLoad();return;}
                else if(oScript.readyState=="complete"){ _onLoad();return;}      
              }
            }
            else
            oScript.onload=_onLoad;
            //oScript.onready=function(){_onLoad();}   
           }
	function addPanel(){
	       setTimeout("addPanel()",10000);
	       var file=kilo_boat_globalUrl+"/webclient/action?type=status&wgID="+kilo_boat_workgroup+"&id="+Math.round(Math.random()*1000000000);
           loadJS(file,showExpan);
           }
    addPanel();       
var bIscatchCarddiv = false;
var dragClickX = 0;
var dragClickY = 0;
var kilo_boat_objMoveDiv=null;
function kilo_boat_scrollPanel()
{
  
  var panel=document.getElementById("kiloboatdiv");
  if (panel!=null)
  {
    var scrollTop=document.body.scrollTop;
	//alert(scrollTop);
	if(document.documentElement.clientHeight!=0)
	{	
		scrollTop=document.documentElement.scrollTop;//针对dtd标准
		docHeight_Panel=document.documentElement.clientHeight;
	} else
	{
		docHeight_Panel=document.body.clientHeight;
	}
	if(panel.style.top!=""){
	  if(kilo_top=="")kilo_top=0;
	  var top1=parseInt(kilo_top,10)+scrollTop;
	  panel.style.top=top1;
	  }
	else if(panel.style.bottom!=""){
	  //alert(parseInt(panel.style.bottom,10)+","+parseInt(docHeight_Panel,10)+","+parseInt(scrollTop,10)+","+parseInt(panel.clientHeight,10));
	  var top=parseInt(scrollTop,10)+parseInt(docHeight_Panel,10)-parseInt(panel.style.bottom,10)-parseInt(panel.clientHeight,10);
	  //alert(top);
	  //var bt=100-parseInt(scrollTop,10);//
	  panel.style.top=top+"px";
	  panel.style.bottom="";
	  kilo_top=top;
	  }
    //panel.style.top=top+scrollTop;
    //alert(scrollTop+","+panel.style.bottom+","+docHeight_Panel);
  }
}
function kilo_boat_getMousePosition()
{

    var scrollLeft=document.body.scrollLeft;
	var scrollTop=document.body.scrollTop;
	if(scrollLeft==0)
	{
		scrollLeft=document.documentElement.scrollLeft;
	}
	if(scrollTop==0)
	{	
		scrollTop=document.documentElement.scrollTop;
	}
	var kilo_boat_mousePosition=new Array();
	kilo_boat_mousePosition[0]=scrollLeft;
	kilo_boat_mousePosition[1]=scrollTop;
	return kilo_boat_mousePosition;
}
function kilo_boat_catchDiv(objMoveDiv,e){
var eVent=e;
if(e==null)
{
eVent=window.event;

}
bIscatchCarddiv = true;
//objMoveDiv=document.getElementById(objMoveDiv);
kilo_boat_objMoveDiv=objMoveDiv;
var mousePosition=kilo_boat_getMousePosition();
var x=eVent.clientX+mousePosition[0];
var y=eVent.clientY+mousePosition[1];
       if (objMoveDiv.style.pixelLeft)
		dragClickX=x-objMoveDiv.style.pixelLeft;
	   if (objMoveDiv.style.pixelTop)
		dragClickY=y-objMoveDiv.style.pixelTop;
		
		  if (window.document.readyState)
    {//IE
    
    objMoveDiv.setCapture();
	document.body.attachEvent("onmousemove",kilo_boat_moveDiv);
	document.body.attachEvent("onmouseup",kilo_boat_releaseMoveDiv);
	}
	else
	{
	 window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
	document.body.addEventListener("mousemove",kilo_boat_moveDiv,false);
	document.body.addEventListener("mouseup",kilo_boat_releaseMoveDiv,false);
	
	}
}
function kilo_boat_releaseMoveDiv(e){
	if (bIscatchCarddiv)
	{
	bIscatchCarddiv = false;
	
		  if (window.document.readyState)
    {//IE
    kilo_boat_objMoveDiv.releaseCapture();
	document.body.attachEvent("onmousemove",kilo_boat_moveDiv);
	document.body.attachEvent("onmouseup",kilo_boat_releaseMoveDiv);
	}
	else
	{
	 window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
	document.body.addEventListener("mousemove",kilo_boat_moveDiv,false);
	document.body.addEventListener("mouseup",kilo_boat_releaseMoveDiv,false);
	
	}
	kilo_boat_objMoveDiv=null;
	}
}
function kilo_boat_moveDiv(e){
var eVent=e;
if(e==null)
{
eVent=window.event;

}
if(bIscatchCarddiv){
	var mousePosition=kilo_boat_getMousePosition();
	kilo_boat_objMoveDiv.style.left = eVent.clientX+mousePosition[0]-dragClickX;
	kilo_boat_objMoveDiv.style.top = eVent.clientY+mousePosition[1]-dragClickY;
}
}