var clicktime=null;
function onlinestate(queagent,type,left,top)
{
	
	var typeclass=queagent;
	if(type==0)
		queagent="$"+queagent;
	var rValue="";
	 if ( typeof kiloboat_onlinestate=="undefined" )
	{
		return rValue;
	}
  
	for(var i=0;i<kiloboat_onlinestate.length;i++)
	{
	    var isonlines = kiloboat_onlinestate[i].isonline
	    rValue = onlineStatus(isonlines);
		if(kiloboat_onlinestate[i].depart.toLowerCase()==queagent.toLowerCase())
		{
			if(isonlines=="0")
			{
				if(type==0)// queque
				{
					rValue="没人在线";
				}
				else
				{
				    return rValue;
				}
			}
			else
			{
				if(type==0)// queque
				{
					rValue="有人在线";
				}
				else
				{
				    return rValue;
				}
			}
			
		   break;

		}
	}
	return rValue;
}


function kilo_boat_hidelist()
{
  var objStyle= document.getElementById("showpersonlist");
  if(objStyle.style.display!="none")
  {
	objStyle.style.display="none";
	var objimg=document.getElementById("imgdown");
	objimg.src=kiloboaturl+"up.gif";
	var objnbdiv=document.getElementById("shownbdiv");
	var divtop=document.body.scrollTop+document.body.offsetHeight-18;
	objnbdiv.style.top=divtop;
	document.getElementById("kilo_boat_tableset").width=document.body.offsetWidth-30;
	
  }
  else
  {
	objStyle.style.display="block";
	var objimg=document.getElementById("imgdown");
	objimg.src=kiloboaturl+"down.gif";
    var objnbdiv=document.getElementById("shownbdiv");
	var divtop=document.body.scrollTop+document.body.offsetHeight-88;
	objnbdiv.style.top=divtop;
		document.getElementById("kilo_boat_tableset").width="100%";

  }
   
}
function kilo_boat_scrollnbPanel()
{
  
  var panel=document.getElementById("shownbdiv");
  if (panel!=null)
  {
    var scrollTop=document.body.scrollTop;
	var docHeight=0;
	if(document.documentElement.clientHeight!=0)
	{	if (window.document.readyState)
	  {
		scrollTop=document.documentElement.scrollTop;//针对dtd标准
		docHeight=document.documentElement.clientHeight;
		}
	} else
	{
		docHeight=document.body.clientHeight;
	}

	 var objStyle= document.getElementById("showpersonlist");
	var divtop=0;
	if(objStyle.style.display!="none")
  {
	divtop=scrollTop+docHeight-80;
	}else
	{
		divtop=scrollTop+docHeight-15;
	
	}
	setTimeout("document.getElementById('shownbdiv').style.top="+divtop,100);
	
   
  }
}
 var estr="";
			if(kilo_boat_language.toLowerCase()=="english")
				estr="e";	
var nbstring="<table align=center><tr><td><table border=\"0\" width=\"100%\" id=\"kilo_boat_tableset\" cellspacing=\"0\" cellpadding=\"0\">"+
"	<tr>"+
"		<td align=\"center\">"+
"		<img id=\"imgdown\" border=\"0\" src=\""+kiloboaturl+"down.gif\" style=\"cursor:pointer\" onclick=\"kilo_boat_hidelist()\" width=\"74\" height=\"8\"></td>"+
"	</tr></table>"+
"<div id=\"showpersonlist\"><table><tr>"+
"		<td>"+
"		   <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"	  <tr>"+
"	   <td><img src=\""+kiloboaturl+"caller_r2_c1.jpg\" width=\"18\" height=\"62\" border=\"0\"></td>"+
"	   <td background=\""+kiloboaturl+"bg02.jpg\">"+
"			<table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"16\">"+
"		 <tr>{replacer}"+
"  </tr>"+
"</table>"+
"		</td>"+
"		  </tr>"+
"</table>"+
"<table align=\"right\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"	  <tr>"+
"	   <td><img src=\""+kiloboaturl+"caller_r2_c4.jpg\" width=\"16\" height=\"62\" border=\"0\"></td>"+
"	   <td><table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"		  <tr>"+
"		   <td><img src=\""+kiloboaturl+"caller_r2_c6.jpg\" width=\"30\" height=\"7\" border=\"0\"></td>"+
"		  </tr>"+
"		  <tr>"+


"		   <td style=\"background-image:url('"+kiloboaturl+"caller_r3_c6.jpg'); width:30px; height:25px;\"></td>"+


"		  </tr>"+
"		  <tr>"+
"		   <td><img src=\""+kiloboaturl+"caller_r5_c6.jpg\" width=\"30\" height=\"30\" border=\"0\"></td>"+
"		  </tr>"+
"		</table></td>"+
"	   <td><table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"		  <tr>"+
"		   <td><img src=\""+kiloboaturl+"caller_r2_c7.jpg\" width=\"79\" height=\"12\" border=\"0\"></td>"+
"		  </tr>"+
"		  <tr>"+
"		   <td><table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"			  <tr>"+
"			   <td><img src=\""+kiloboaturl+"caller_r4_c7.jpg\" width=\"32\" height=\"29\" border=\"0\"></td>"+
"			   <td><table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"				  <tr>"+


"				   <td  style=\"background-image:url('"+kiloboaturl+"caller_r4_c9.jpg'); width:30px; height:25px;\"></td>"+


"				  </tr>"+
"				  <tr>"+
"				   <td><img src=\""+kiloboaturl+"caller_r6_c9.jpg\" width=\"30\" height=\"4\" border=\"0\"></td>"+
"				  </tr>"+
"				</table></td>"+
"			   <td><img src=\""+kiloboaturl+"caller_r4_c10.jpg\" width=\"17\" height=\"29\" border=\"0\"></td>"+
"			  </tr>"+
"			</table></td>"+
"		  </tr>"+
"		  <tr>"+
"		   <td><table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"			  <tr>"+
"			   <td><img src=\""+kiloboaturl+"caller_r7_c7.jpg\" width=\"14\" height=\"21\" border=\"0\"></td>"+
"			   <td><table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"				  <tr>"+

"				   <td  style=\"background-image:url("+kiloboaturl+"caller_r7_c8.jpg); width:52px; height:15px;\"></td>"+

"				  </tr>"+
"				  <tr>"+
"				   <td><img src=\""+kiloboaturl+"caller_r8_c8.jpg\" width=\"52\" height=\"6\" border=\"0\"></td>"+
"				  </tr>"+
"				</table></td>"+
"			   <td><img src=\""+kiloboaturl+"caller_r7_c11.jpg\" width=\"13\" height=\"21\" border=\"0\"></td>"+
"			  </tr>"+
"			</table></td>"+
"		  </tr>"+
"		</table></td>"+
"	   <td background=\""+kiloboaturl+"bg02.jpg\">"+
"<table  border=\"0\" width=\"223\" cellspacing=\"0\" cellpadding=\"0\" height=\"62\"><tr><td   style=\"background-image:url('"+kiloboaturl+"ecall.jpg'); width:223px; height:62px;\"><img src=\""+kiloboaturl+estr+"ecall.jpg\" width=\"223\" height=\"62\"></td></tr></table>"+
"		</td>"+
"	   <td><img src=\""+kiloboaturl+"caller_r2_c13.jpg\" width=\"19\" height=\"62\" border=\"0\"></td>"+
"	  </tr>"+
"	</table>"+
"		</td>"+
"	</tr>"+
"</table></div></td></tr></table>";
//显示面板html

kilo_boat_formPersonListDiv(1);
function formhtmloutstr(start)
  {
	  var outstring="";
		var persons=kilo_boat_listpersons.split(";");

		var left=screen.width/2-250;
		var top=screen.height/2-250;
		
		var personcount=0;
		var departcount=0;

		var totalCount=parseInt((screen.width-400)/100);
		var startStr="";
		if(start>1)
		{
			startStr="<td><table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"		 <tr><td height=\"62\">"+
"<img src=\""+kiloboaturl+"leftnb.gif\" width=\"19\" height=\"62\" border=\"0\"  style=\"cursor:pointer\" onmouseover=\"kilo_boat_formPersonListDiv1("+(start-1)+");\" onclick=\"kilo_boat_formPersonListDiv1("+(start-1)+");\"></td></tr></table>"+
"			</td>";
		}
		var allagentlist=new Array();//存agent
		var allagentname=new Array();//存agentname
		var allagentimage=new Array();
		var alltype=new Array();
		var n=0;
		var personCount=0;//存放客服人数
		for(var i=0;i<persons.length;i++)
	   {
			var grouppers=persons[i].split("$");
			var group=grouppers[0].split(",");

			 allagentlist[n]=group[0];//存放部门信息



			 allagentname[n]=group[1];
			 alltype[n]=0
				 n++;
			var personinfo=grouppers[1].split(":");
			departcount++;
			 for(var j=0;j<personinfo.length;j++)
			{
				 var person=personinfo[j].split(",");
				 allagentlist[n]=person[0];
				 allagentname[n]=person[1];
				 if(person[2].replace(/(^\s*)|(\s*$)/g, "")=="")
				 {
					allagentimage[n]="face3/00"+((j+1)%9+1)+".jpg";
				 }
				 else
				 {
					allagentimage[n]=person[2];
				 }
				 alltype[n]=1;
				 n++;
				 personCount++;
			}
	   }
	  if(totalCount>personCount)
	  {
		  totalCount=personCount;

	  }
	   var arrayIndex=start-1;
	   var showdepart=0;
	   
	   var quequeid=0;//存 queque-+id
	 for(var i=0;i<totalCount;i++)
	  {
	var topgroupinfo="";
		var strinfo="";
		var tempstr="";
	
				if(alltype[arrayIndex]==0)
				{
				 var departname=allagentname[arrayIndex];
				 var tdwidth=0;
					if(departname.length%3==0)
					{
					tdwidth=(parseInt(departname.length/3))*16;
					}
					else
					{
					tdwidth=(parseInt(departname.length/3)+1)*16;
					}
	   
	              var departstate=onlinestate(allagentlist[arrayIndex],0,left,top);
				  var  departstr;
				  if(kilo_boat_isfree>0)
					  departstr="<span  style=\"color:white;font-size:12px;cursor:pointer\"  title=\""+departstate+"\" onclick=\"javascript:beaforeClick('"+directWebchatUrl+"/webchat.aspx?logo="+kilo_boat_logo+"&workgroup="+kilo_boat_workgroup+"&queue="+allagentlist[arrayIndex]+"&isfree="+kilo_boat_isfree+"&username="+kilo_boat_cid+"');\">"+allagentname[arrayIndex]+"</span>";
					  else
					  departstr="<span  style=\"color:white;font-size:12px\"  title=\""+departstate+"\">"+allagentname[arrayIndex]+"</span>";
					 topgroupinfo="<td><table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\""+tdwidth+"\">"+
								  "<tr><td align=\"center\" height=\"62\">"+departstr+"</td></tr></table></td>";
                     quequeid=allagentlist[arrayIndex];
					
					 arrayIndex=arrayIndex+1;
					 showdepart++;
				}
				var personstate=onlinestate(allagentlist[arrayIndex],quequeid,left,top);
				tempstr+="<td><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
				"  <tr>"+
				"   <td><img src=\""+kiloboaturl+"x_r1_c1.jpg\" width=\"50\" height=\"9\" border=\"0\"></td>"+
				"  </tr>"+
				"  <tr>"+
				"   <td><table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
				"	  <tr>"+
				"	   <td><img src=\""+kiloboaturl+"x_r2_c1.jpg\" width=\"3\" height=\"44\" border=\"0\"></td>"+
				"	   <td width=\"44\" height=\"44\" background=\""+kiloboaturl+"x_r2_c2.jpg\"><span class=\"noline\" style='font-size:12px;cursor:pointer' title=\""+allagentname[arrayIndex]+":"+personstate+"\" onclick=\"javascript:beaforeClick('"+directWebchatUrl+"/webchat.aspx?logo="+kilo_boat_logo+"&workgroup="+kilo_boat_workgroup+"&agent="+allagentlist[arrayIndex]+"@"+kilo_boat_domain+"&queue="+quequeid+"&isfree="+kilo_boat_isfree+"&username="+kilo_boat_cid+"');\"><img src=\""+kiloboaturl+allagentimage[arrayIndex]+"\" border=0 width=\"44\" height=\"44\" /></span></td>"+
				"	   <td><img src=\""+kiloboaturl+"x_r2_c3.jpg\" width=\"3\" height=\"44\" border=\"0\"></td>"+
				"	  </tr>"+
				"	</table></td>"+
				"  </tr>"+
				"  <tr>"+
				"   <td><img src=\""+kiloboaturl+"x_r3_c1.jpg\" width=\"50\" height=\"9\" border=\"0\"></td>"+
				"  </tr>"+
				"</table></td>";
				personcount++;
				arrayIndex=arrayIndex+1;
				
			
			outstring+=topgroupinfo+tempstr;
		}
		outstring=startStr+outstring;
		

		if(start+showdepart+totalCount<=personCount+departcount)
		{
			outstring+="<td><table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"		 <tr><td height=\"62\">"+
"<img src=\""+kiloboaturl+"rightnb.gif\" width=\"19\" height=\"62\" border=\"0\" style=\"cursor:pointer\"  onmouseover=\"javascript:kilo_boat_formPersonListDiv1("+(start+1)+");\" onclick=\"javascript:kilo_boat_formPersonListDiv1("+(start+1)+");\"></td></tr></table>"+
"</td>";
			
		}

		
		outstring=nbstring.replace("{replacer}",outstring);
		return outstring;
  }
//生成div面板
function kilo_boat_formPersonListDiv(start)
{
       
		 var scrollTop=document.body.scrollTop;
		 var docHeight=document.body.clientHeight;


	
		if(document.documentElement.clientHeight!=0)
		{	
		if (window.document.readyState)
		{
			scrollTop=document.documentElement.scrollTop;//针对dtd标准
			docHeight=document.documentElement.clientHeight;
			}
		} else
		{
			docHeight_Panel=document.body.clientHeight;
		}

		var divtop=scrollTop+docHeight-87;
		//alert(divtop);
		var divleft=0;
		
		var outstring=formhtmloutstr(start);
		 document.write('<link rel="stylesheet" href="'+kiloboaturl+'d.css"/>');
		document.write("<div id='shownbdiv' style='align:center;display:block;position:absolute;left:0px;top:"+divtop+"px;'>"+outstring+"<div>");
	    
		outstring="";
		  if (window.document.readyState)
    {//IE
     window.attachEvent("onscroll",kilo_boat_scrollPanel);
		window.attachEvent("onresize",kilo_boat_scrollPanel);
    } else {//Firefox
        window.addEventListener("scroll",kilo_boat_scrollPanel,false);
        window.addEventListener("resize",kilo_boat_scrollPanel,false);
    } 
  }

  function kilo_boat_formPersonListDiv1(start)
	{
		var outstring=formhtmloutstr(start);
		var objdivshow=document.getElementById("shownbdiv");
		objdivshow.innerHTML=outstring;
	
}�