var userAgent = navigator.userAgent.toLowerCase();
var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);
var showbg = true;
function hideFloat(floatdiv)
{
	$("#"+floatdiv).remove();
	$("#BoxBg").remove();
}
function showFloatBg(floatdiv)
{
	$("#"+floatdiv).before(bgfloat);
	$("#BoxBg").addClass("floatBg");
	$("#BoxBg").show();	
	$("#BoxBg").css({opacity:"0.2"});
}
function addDiv(divid,css,before)
{
	if(before == undefined || before == "")
		before = "body";
	$(before).append("<div id='"+divid+"' class='"+css+"' ></div>");
	
}
function closeFloat(div,fun)
{
	$("[@id*=close]").click(function()
	{	
		if(div =='avatardiv') 
		{
			$("#byear").show();
			$("#bmonth").show();
			$("#bday").show();				
		}
		hideFloat(div)
		try
		{
			//alert('close try');
			loading();
			hideMedia('show');	
		}
		catch(err)
		{}
		if(fun != '' && fun != undefined)
		{   
			eval(fun);
		}
		return false;
	})
	movePopBox();
}
function movePopBox()
{
	var startdrag = false;
	var mx = 0;
	var my = 0;
	var moffsetTop = 0;
	var moffsetLeft = 0;

	var screenwidth = $(document).width() - $("#popiframe").width()-10;
	var screenheight = $(document).height() - $("#popiframe").height()-10;
	$(".menubar").mousedown(function(e)
	{
		startdrag = true;
		if(is_ie)
		{	
			mx = event.x; 
			my = event.y;
		 }
		 else
		 {
		    mx = e.pageX ; 
			my = e.pageY;
		 }
		 moffsetTop = $("#popiframe").offset().top; 
		 moffsetLeft = $("#popiframe").offset().left; 

		 
	})
	$(document).mousemove(function(e)
	{ 
		if(startdrag == true) 
		{
			
			if(is_ie)
				{ 
					
					if(moffsetTop+event.y-my>0 && moffsetLeft+event.x-mx>0 && moffsetLeft+event.x-mx < screenwidth && moffsetTop+event.y-my<screenheight)
					{
						$("#popiframe").css('left',moffsetLeft+event.x-mx+'px');
						$("#popiframe").css('top', moffsetTop+event.y-my+'px'); 
					}
				}
				else
				{
					
					if(moffsetTop+e.pageY-my>0 && moffsetLeft+e.pageX-mx>0 && moffsetLeft+e.pageX-mx < screenwidth && moffsetTop+e.pageY-my<screenheight)
					{
						$("#popiframe").css('left',moffsetLeft+e.pageX-mx+'px'); 
						$("#popiframe").css('top', moffsetTop+e.pageY-my+'px');
					}
				}
			
		}
	});
	$(document).mouseup(function()
	{ 
		
		startdrag = false; 
	});
		    
}
function resizebox(width,height)
{
	var bodyheight = height-25;

	$("#iframebox").css("height",bodyheight+'px');
	$("#popiframe").css({ height: height+"px", width: width+"px" });
	//$("#popiframe").css({top:($(document).scrollTop()+100)+"px"});
	
}

function showDiv(id,width,height,title,fun)
{
	
	var popdiv = "popiframe";
	var div = "popiframe1";
 	addDiv(div);
 	document.getElementById(div).innerHTML=popiframe; 
 	if(showbg)
 	{
	 	$("#"+popdiv).before(bgfloat);
		$("#"+popdiv).css({top:($(document).scrollTop()+120)+"px"});
		$("#BoxBg").addClass("floatBg");	
		$("#BoxBg").show();
		$("#BoxBg").css({opacity:"0.2"});
	}

	$("#"+popdiv).css({left:(($(document).width()/2)-(width/2))+"px"});

	resizebox(width,height);
	$("#popboxtitle").html(title);
	loginkefu();
	closeFloat(div);
	
}

function showComDiv(divhtml,divname,width,height,title,fun)
{
	
	var popdiv = divname;
	var div = "popiframe1";
 	addDiv(div);
 	document.getElementById(div).innerHTML=divhtml; 
 	if(showbg)
 	{
	 	$("#"+popdiv).before(bgfloat);
		$("#"+popdiv).css({top:($(document).scrollTop()+120)+"px"});
		$("#BoxBg").addClass("floatBg");	
		$("#BoxBg").show();
		$("#BoxBg").css({opacity:"0.2"});
	}
	
	
	$("#"+popdiv).css({left:(($(document).width()/2)-(width/2))+"px"});

	resizebox(width,height);
	$("#popboxtitle").html(title);
	if(fun != null)
		eval(fun);
	closeFloat(div);
}

function alertmeg(meg)
{
	$("#popiframe #optmeg").html(meg);
	$("#popiframe #alertbtn").click(function ()
	{
		hideFloat('popiframe1');
	})
}

function showVote(id,width,height,title)
{
	var popdiv = "popiframe";
	var div = "popiframe1";
	addDiv(div);
 	document.getElementById(div).innerHTML=popvote; 
 	if(showbg)
 	{
	 	$("#"+popdiv).before(bgfloat);
		$("#"+popdiv).css({top:($(document).scrollTop()+120)+"px"});
		$("#BoxBg").addClass("floatBg");	
		$("#BoxBg").show();
		$("#BoxBg").css({opacity:"0.2"});
	}

	$("#"+popdiv).css({left:(($(document).width()/2)-(width/2))+"px"});

	resizebox(width,height);
	$("#popboxtitle").html(title);
	dovote();
	closeFloat(div);
}


var popiframe = "<div id='popiframe' class='popbox'><div class = 'menubar'>";
	popiframe +="<em><span id=\"closewin\"><a href=\"#\" class=\"closewinbutton\" title=\"关闭\" id=\"closewinbutton\"></a></span></em>";
	popiframe +="<span id =\"popboxtitle\" >窗口标题</span></div>";
	popiframe +="<div id='iframebox' class='iframebox'>";
	popiframe +="<div id='loginbox' class='loginbox'>";
	popiframe +="<p id='optmeg'>请输入用户名密码</p>"
	popiframe +="<ul><li><label>用户名：</label><input type='text' id='username'></li><li><label>密　码：</label><input id='passwd' type='password'></li><li><button id='loginbtn'>登录</button></li></ul>"
	popiframe +="</div>";
	popiframe +="</div></div>";
	

var popvote = "<div id='popiframe' class='popbox'><div class = 'menubar'>";
	popvote +="<em><span id=\"closewin\"><a href=\"#\" class=\"closewinbutton\" title=\"关闭\" id=\"closewinbutton\"></a></span></em>";
	popvote +="<span id =\"popboxtitle\" >窗口标题</span></div>";
	popvote +="<div id='iframebox' class='iframebox'>";
	popvote +="<div id='votebox' class='votebox'>";
	popvote +="<p id='optmeg'>请选择评价</p>"
	//popvote +="<ul><li><label>用户名：</label><input type='text' id='username'></li><li><label>密　码：</label><input id='passwd' type='password'></li><li><button id='loginbtn'>登录</button></li></ul>"
	popvote +="<ul><li><input type='radio' id='voteopt' name='voteopt' value='1'>非常好</li><li><input id='voteopt' name='voteopt' type='radio' value='2'>好</li><li><input id='voteopt' name='voteopt' type='radio' value='3'>一般</li><li><input id='voteopt' name='voteopt' type='radio' value='4'>差</li><li><input id='voteopt' name='voteopt' type='radio' value='5'>很差</li><li id='button'><button id='votebtn'>确定</button><button id='cancelbtn'>取消</button></li></ul>"
	popvote +="</div>";
	popvote +="</div></div>";

var noteinput = "<div id='popiframe' class='popbox'><div class = 'menubar'>";
	noteinput +="<em><span id=\"closewin\"><a href=\"#\" class=\"closewinbutton\" title=\"关闭\" id=\"closewinbutton\"></a></span></em>";
	noteinput +="<span id =\"popboxtitle\" >窗口标题</span></div>";
	noteinput +="<div id='iframebox' class='iframebox'>";
	noteinput +="<div id='votebox' class='votebox'>";
	noteinput +="<p id='optmeg'>请输入备忘名称</p>"
	//popvote +="<ul><li><label>用户名：</label><input type='text' id='username'></li><li><label>密　码：</label><input id='passwd' type='password'></li><li><button id='loginbtn'>登录</button></li></ul>"
	noteinput +="<ul><li><input id='notetitle' name='notetitle' type='text' ></li><li id='button'><button id='notebtn'>确定</button><button id='closenotebtn'>取消</button></li></ul>"
	noteinput +="</div>";
	noteinput +="</div></div>";

var alertdiv = "<div id='popiframe' class='popbox'><div class = 'menubar'>";
	alertdiv +="<em><span id=\"closewin\"><a href=\"#\" class=\"closewinbutton\" title=\"关闭\" id=\"closewinbutton\"></a></span></em>";
	alertdiv +="<span id =\"popboxtitle\" >窗口标题</span></div>";
	alertdiv +="<div id='iframebox' class='iframebox'>";
	alertdiv +="<div id='votebox' class='votebox'>";
	alertdiv +="<p id='optmeg'></p>";
	alertdiv +="<center><button id='closealertbtn'>关闭</button></center>";
	alertdiv +="</div>";
	alertdiv +="</div></div>";

var offlinediv = "<div id='popiframe' class='popbox'><div class = 'menubar'>";
	offlinediv +="<em><span id=\"closewin\"><a href=\"#\" class=\"closewinbutton\" title=\"关闭\" id=\"closewinbutton\"></a></span></em>";
	offlinediv +="<span id =\"popboxtitle\" >窗口标题</span></div>";
	offlinediv +="<div id='iframebox' class='iframebox'>";
	offlinediv +="<div id='votebox' class='votebox'>";
	offlinediv +="<center><h4>您目前处于离线状态</h4>";
	offlinediv +="<button id='reonlinebutton'> 上线 </button></center>";
	offlinediv +="</div>";
	offlinediv +="</div></div>";
	
var onlinediv = "<div id='popiframe' class='popbox'><div class = 'menubar'>";
	onlinediv +="<em><span id=\"closewin\"><a href=\"#\" class=\"closewinbutton\" title=\"关闭\" id=\"closewinbutton\">关闭</a></span></em>";
	onlinediv +="<span id =\"popboxtitle\" >窗口标题</span></div>";
	onlinediv +="<div id='iframebox' class='iframebox'>";
	onlinediv +="<div id='votebox' class='onlinemember'>";
	onlinediv +="<p id='optmeg'>在线客服：</p>";
	onlinediv +="<p id='onlinemembers'></p>";
	onlinediv +="</div>";
	onlinediv +="</div></div>";

	
var smilediv = "<div id='popiframe' class='popbox smilebox'>";
	smilediv +="<div id='iframebox' class='iframebox'>";
	smilediv +="<div id='smilebox'>";
	smilediv +="<div id='smileimgs' class='smileimgs'>";
	smilediv +="<img src='images/smiles/smile.gif' name=':s:' title=':s:'>";
	smilediv +="<img src='images/smiles/handshake.gif' name=':hand:' title=':hand:'>";
	smilediv +="<img src='images/smiles/biggrin.gif' name=':brn:' title=':brn:'>";
	smilediv +="<img src='images/smiles/puzzled.gif' name=':puzz:' title=':puzz:'>";
	smilediv +="<img src='images/smiles/good-bye.gif' name =':bye:' title =':bye:'>";
	smilediv +="<img src='images/smiles/lol.gif' name=':lol:' title=':lol:'>";
	smilediv +="<img src='images/smiles/sweat.gif' name=':sw:' title=':sw:'>";
	smilediv +="<img src='images/smiles/lovely.gif' name =':ly:' title =':ly:'>";
	smilediv +="<img src='images/smiles/good.gif' name=':good:' title=':good:'>";
	smilediv +="<center><button id='closealertbtn'>关闭</button></center>";
	smilediv +="</div>";
	
	smilediv +="</div>";
	smilediv +="</div></div>";

var logindiv = "<div id='popiframe' class='popbox'><div class = 'menubar'>";
	logindiv +="<em><span id=\"closewin\"><a href=\"#\" class=\"closewinbutton\" title=\"关闭\" id=\"closewinbutton\">关闭</a></span></em>";
	logindiv +="<span id =\"popboxtitle\" >窗口标题</span></div>";
	logindiv +="<div id='iframebox' class='iframebox'>";
	logindiv +="<ul class='loginul'><li><label>用户名：</label><input type='text' id='username'></li><li><label>密　码：</label><input id='passwd' type='password'></li><li><button id='loginbtn'>登录</button></li></ul>"
	logindiv +="</div>";
	logindiv +="</div></div>";
	
function showsmile(toboxid)
{
	var popdiv = "popiframe";
	var div = "popiframe1";
 	addDiv(div);
 	document.getElementById(div).innerHTML=smilediv; 
 		
	$("#"+popdiv).css({left:($(document).width()- 260)+"px",bottom:"113px"});
	
	resizebox(140,75);
	$("#iframebox").css("height",'70px');
	fun = null;
	
	$("#smileimgs img").click(function()
	{
		tmpval = $("#chatbox"+toboxid+" textarea").val() + ' '+$(this).attr('name')+' ';
		//$("#chatbox"+toboxid+" textarea").append('&nbsp'+$(this).attr('name')+'&nbsp');
		 $("#chatbox"+toboxid+" textarea").val(tmpval)
		hideFloat(div)
		
	})
	closeFloat(div);
}

function showclientsmile()
{
	var popdiv = "popiframe";
	var div = "popiframe1";
 	addDiv(div);
 	document.getElementById(div).innerHTML=smilediv; 
 		
	$("#"+popdiv).css({left:"190px",top:"290px"});
	
	resizebox(140,75);
	
	$("#iframebox").css("height",'70px');
	fun = null;
	
	$("#smileimgs img").click(function()
	{
		tmpval = $("#content").val() + ' '+$(this).attr('name')+' ';
		//$("#content").append('&nbsp'+$(this).attr('name')+'&nbsp');
		$("#content").val(tmpval);
		hideFloat(div)
		
	})
	closeFloat(div);
}	
var bgfloat= "";
var iframes = new Array();
var iframestitle = new Array();

$(document).ready(function(){ 
	
	bgfloat="<div id=\"BoxBg\" style=\"height:"+$(document).height()+"px;filter:alpha(opacity=0);opacity:0;\"></div>";
		
})