var userList = [{key:'120',username:'fyl', gender: 0, realname:'佛运来', status: 0,waverWzCount:0},{key:'137',username:'fylkefu', gender: 1, realname:'佛运来', status: 0,waverWzCount:0},{}];

var sjtContext = {baseUrl:'http://www.3jia5.com',root:'',
			style:{kfskin:'8',inviteskin:'8',align:0,top: '50px',padding: '100px'},
			klist:{head:'网上客服',foot:'www.3jia5.com',showWz:1,onlineWz:'咨询',offlineWz:'留言',waverWz:1,waverAvatar:1},
			invite:{head:'商机通欢迎您',accept:'开始交谈',refuse:'下次再说'},
			vid:3821195, mid: 203005,vmid:203005,
			cid:41,users:[], event: {timeout: 5000, cur: 0, count: 600}
};

sjtContext['users'] = userList;
/*
if(typeof sjtStyleOptions != 'undefined') {
	for(key in sjtStyleOptions)
		sjtContext['style'][key] = sjtStyleOptions[key];
}*/

var sjtEasy = {
	compatMode:function(){
		/*
		 *	document.compatMode=='BackCompat' 标准兼容模式关闭(无<!DOCTYPE)
		 *	document.compatMode=='CSS1Compat' 标准兼容模式开启(有<!DOCTYPE)
		 */
		return document.compatMode=='BackCompat'?false:true;
	}
}
var sjtUtil = {
	getBody:sjtEasy.compatMode()?document.documentElement:document.body
}

var sjtcolors = {
	black:{0:'#000',1:'#333',2:'#666',3:'#999',4:'#ccc',5:'#fff'},
	red:{0:'#f00',1:'#f33',2:'#f66',3:'#f99',4:'#fcc',5:'#fff'}
};
var sjtTimerResult = {};
function wzwaver(id,color,num){
	if(num<5){
		document.getElementById(id).style.color = sjtcolors[color][num];
		sjtTimerResult[id] = setTimeout( 'wzwaver(\''+id+'\',\''+color+'\','+ ++num +')',250);
	}else{
		sjtTimerResult[id] = setTimeout('wzwaver(\''+id+'\',\''+color+'\',0)',300);
	}
}
var sjtDataWindow = null;
function randnum(){
	var now=new Date();
	var number = now.getSeconds();
	return number;
}

function sjtGetUser(key){
	for(var i=0;i<userList.length-1;i++){
		var item = userList[i];
		if(item.key == key) return item;
	}
}

var sjtDialogRes = new Object;
function sjtTalkDialog(key,vmid,mid) {
	if (sjtDialogRes[key] && !sjtDialogRes[key].closed) {
	} else {
		sjtDialogRes[key] = window.open(sjtContext.baseUrl + "/im/talk/load.shtml?cid=" + sjtContext.cid + "&uid=" + key + '&vid='+sjtContext.vid+'&vmid='+vmid+'&mid='+mid,
						"sjt" + key, "width=633,height=467,status=0,resizable=0,scrollbars=0,status=0,toolbar=no,location=no,menu=no,top=150,left=240");
	}
}

function sjtInvertResult(key,vmid,mid){
	var oHead = document.getElementsByTagName("head").item(0);
	var oScript = document.getElementById('SJT-INVERT-RESULT');
	if(oScript) {
		oHead.removeChild(oScript);
	}
	oScript = document.createElement('script');
	oScript.charset = 'UTF-8';
	oScript.setAttribute('id', 'SJT-INVERT-RESULT');
	oScript.setAttribute('type', 'text/javascript');
	oScript.setAttribute("src",sjtContext.baseUrl+'/im/visitor/send.do?ne=true&type=4&subject=5&cid='+ sjtContext.cid + '&to=' + key + '&from=' +sjtContext.vid+'&vmid='+vmid+ '&mid='+mid+'&body=&r=' + randnum());
	oHead.appendChild(oScript);
}

function sjtCreate(){
	var oHead = document.getElementsByTagName("head").item(0);
	var oStyle = document.createElement('link');
	oStyle.setAttribute('type', 'text/css');
	oStyle.setAttribute('rel', 'stylesheet');
	oStyle.setAttribute('href', sjtContext.baseUrl + '/themes/' + sjtContext.style.kfskin + '/css/kfskin.css');
	oHead.appendChild(oStyle);
	
	oStyle = document.createElement('link');
	oStyle.setAttribute('type', 'text/css');
	oStyle.setAttribute('rel', 'stylesheet');
	oStyle.setAttribute('href', sjtContext.baseUrl + '/themes/' + sjtContext.style.inviteskin + '/css/inviteskin.css');
	oHead.appendChild(oStyle);
	
	var body = document.getElementsByTagName("body").item(0);
	var sjtKFList = document.createElement("div");
	sjtKFList.className = 'sjtOnline';
	sjtKFList.id = 'sjtOnline';
	body.appendChild(sjtKFList);
	
	var listHtml = '<h2><span>'+sjtContext.klist.head+'</span><a href="#" hidefocus="true"></a></h2><ul id="sjtListItems">';
	var lineWz='';
	if(sjtContext.klist.showWz == 1){
		lineWz = sjtContext.klist.offlineWz;
	}
	for(var i=0;i<userList.length-1;i++){
		var item = userList[i];
		itemClass = (item.gender == 0?'sjtmale':'sjtfemale')+ item.status;

		var _lineWz = sjtContext.klist.showWz == 0?'':sjtContext.klist.waverWz == 0?'[<span>'+lineWz+'</span>]':'[<span id=waverwz'+item.key+'>'+lineWz+'</span>]';
		
		listHtml += '<li id="' + item.key + '" class="' + itemClass + '"><a href="#" hidefocus="true" onclick="javascript:sjtTalkDialog(\''+item.key+'\','+sjtContext.vmid+');">' + item.realname + _lineWz + '</a></li>';
	}
	listHtml += '</ul><div class="onlineBtm"></div>';

	sjtKFList.innerHTML = listHtml;
	if(sjtContext.klist.showWz == 1 && sjtContext.klist.waverWz == 1){
		for(var i=0;i<userList.length-1;i++){
			wzwaver(document.getElementById(userList[i].key).getElementsByTagName('span')[0].id,'black',0);
		}
	}
}

function sjtEvent(){
	var oHead = document.getElementsByTagName("head").item(0);
	var oScript = document.getElementById('SJT-KF-DATA');
	if(oScript) {
		oHead.removeChild(oScript);
	}
	oScript = document.createElement('script');
	oScript.charset = 'UTF-8';
	oScript.setAttribute('id', 'SJT-KF-DATA');
	oScript.setAttribute('type', 'text/javascript');
	
	var t = new Date();
	oScript.setAttribute('src',sjtContext.baseUrl+'/im/visitor/event.ev?cid=' + sjtContext.cid + '&mid=' + sjtContext.mid+ '&vmid=' + sjtContext.vmid + '&vid=' + sjtContext.vid + '&time='+sjtContext.event.timeout/1000+'&r=' + randnum());
	oHead.appendChild(oScript);
	
	if(sjtContext.event.cur < sjtContext.event.count) {
		setTimeout('sjtEvent()', sjtContext.event.timeout);
	}
	sjtContext.event.cur++;
}

window.sjtInvertAccept = function(key,mid) {
	var oBody = document.getElementsByTagName("body").item(0);
	var obj = document.getElementById('SJT-KF-INVERT');
	oBody.removeChild(obj);
	sjtTalkDialog(key,sjtContext.vmid,mid);
}

window.sjtInvertRefuse = function(key,mid) {
	var oBody = document.getElementsByTagName("body").item(0);
	var obj = document.getElementById('SJT-KF-INVERT');
	oBody.removeChild(obj);
	sjtInvertResult(key,sjtContext.vmid,mid);
}

function sjtInvertBoxOnload(key, text,mid){
	var context = document.getElementById('invertContext');
	context.innerHTML = text;
	document.getElementById('invertAccept').onclick = function() {
		sjtInvertAccept(key,mid);
	}
	document.getElementById('invertRefuse').onclick = function() {
		sjtInvertRefuse(key,mid);
	}
	document.getElementById('invertClose').onclick = function() {
		sjtInvertRefuse(key,mid);
	}
}

function sjtInviteBox(e){
	var key = e.body.uid;
	var text = e.body.text;
	var u = sjtGetUser(key);
	var ww = parseInt(window.screen.availWidth);
	var wh = parseInt(window.screen.availHeight);
	var w = 400;
	var h = 200;
	var l = (ww - w)/2;
	var t = (wh - h)/2;
	
	var obj = document.getElementById('SJT-KF-INVERT');
	if(!obj){
		oDiv = document.createElement('div');
		oDiv.id = 'SJT-KF-INVERT';
		oDiv.className = 'sjtInvite';
		oDiv.innerHTML='<div class="invertBox"><div class="topline"></div>\
			<h2><span id="invertTitle">'+sjtContext.invite.head+'</span><a href="#" id="invertClose"></a></h2>\
			<div class="invertBody">\
				<p id="invertContext"><strong>商机通</strong>竭诚为您服务，请问您需要什么帮助？</p>\
				<div class="bottomBox"><input id="invertAccept" type="button" value="'+sjtContext.invite.accept+'" />\
				<input id="invertRefuse" type="button" value="'+sjtContext.invite.refuse+'" /></div>\
			</div>\
		</div>';
		
		var oBody = document.getElementsByTagName("body").item(0);
		oBody.appendChild(oDiv);
		sjtInvertBoxOnload(key,text,e.mid);
	}
}
////闪动文字
//function setWzWaver(id){//
//	var o = document.getElementById(id).getElementsByTagName('span');
//	for(var i=0,j=o.length;i<j;i++){
//	   wzwaver(o[i],'red');
//	}
//}
//用户状态更新
function setUserStatus(e){
	var status = e.subject == 6 ? 1 : 0;
	var gender = 0;
	var key = e.from;
	
	var u = sjtGetUser(key);
	var item = document.getElementById(key);
	if(u != null) gender = u.gender;

	itemClass = (gender == 0?'sjtmale':'sjtfemale')+ status;
	if(sjtContext.klist.waverAvatar==1&&status==1){
		itemClass = gender == 0?'sjtwmale':'sjtwfemale';
	}
	
	if(sjtContext.klist.showWz == 1){
		var lineWz ='',color='';
		if(status ==1){
			lineWz = sjtContext.klist.onlineWz;
			color = 'red';
		}else{
			lineWz = sjtContext.klist.offlineWz;
			color = 'black';
		}
		if(item != null) {
			item.childNodes[0].getElementsByTagName('span')[0].innerHTML = lineWz;
			if(sjtContext.klist.waverWz == 1){
				clearTimeout(sjtTimerResult['waverwz'+key]);
				wzwaver(item.getElementsByTagName('span')[0].id,color,0);
			}
		}
	}
	if(item != null) item.className = itemClass;
}

function sjtEventProcessor(data){
	if(data == undefined) return;
	//alert(data.messages.length);
	for(var i=0;i<data.messages.length;i++){
		//用户状态更新
		var e = data.messages[i];
		if(e.mid > sjtContext.mid) sjtContext.mid = e.mid;
			
		//用户上线
		var username = e.from;
		if(e.subject == 6 || e.subject == 7) {
			setUserStatus(e);
		} else if(e.subject == 2) { //邀请事件
			sjtInviteBox(e);
		} else if(e.subject == 3) {  //强制聊天
			sjtTalkDialog(e.body.username,e.mid);
		}else {
			alert('type:' + e.type + 'subject:'+e.subject+'\nargv:' + e.body);
		}
	}
}

//定位
function sjtSetOnlinePos(){ 
	var st = sjtUtil.getBody.scrollTop;
	document.getElementById("sjtOnline").style.top = st + parseInt(sjtContext.style.top) + 'px';
	
	var obj = document.getElementById("SJT-KF-INVERT");
	if(obj != null){
		var sw = parseInt(sjtUtil.getBody.clientWidth);
		var sh = parseInt(sjtUtil.getBody.clientHeight);
		var w = parseInt(obj.clientWidth);
		var h = parseInt(obj.clientHeight);
		obj.style.top = st + (sh-h)/2 + 'px';
		obj.style.left = (sw-w)/2+ 'px';
	}
}

window.onload = function(){
	sjtCreate();
	sjtEvent();
	setInterval('sjtSetOnlinePos()',10);

	if(sjtContext.style.align == 0){
		document.getElementById("sjtOnline").style.left = sjtContext.style.padding;
	} else {
		var sw = parseInt(window.screen.availWidth);
		document.getElementById("sjtOnline").style.left = sw - 140 - parseInt(sjtContext.style.padding) + 'px';
	}
}