/**
 * @author Administrator
 */
var parentdiv=null;
var shadiv=null;
var downcolor="orange",normal="gray";
var index=1000;
var x0,x1,y0,y1
var moveable=false

function create(id,w,h,t,l,title,mes)
{
	index=index+2
	this.id=id
	this.w=w
	this.h=h
	this.t=t
	this.l=l
	this.title=title
	this.mes=mes
	this.zindex=index
	this.build=build
	this.build()
	
}
function build()
{
	str="<div onclick='getfocus(this)' id='chat'"
	+" style='z-index:"+this.zindex
	+";height:"+this.h+";width:"+this.w+";  border:0px solid "+normal+"; background:gray; ' >"
	+"<div style='height:31' onmousedown='startdrag(this)' onmousemove='drag(this)'  onmouseup='stopdrag(this)'>  <table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='8' height='31'><img src='1_01.gif' width='8' height='31'/></td><td  align=right style='background-image:url(1_02.gif)'><table width='' class='rt' style='width:540px; text-align:left'> <tr><td width='40%' height='18'><span style='font-size:15px;'>Chatting Online</span></td><td><div align='right'>Dragon(China) Tours &amp; Travel </div></td></tr></table>"
	  //+ "<span style='cursor:hand;width:12;border-width:0px;color:white;font-family:webdings;"
	 // +"font-size:12px;"
	  
// +"' onclick='min(this)'>0</span>"
	 
	 //+ "<span style='cursor:hand;width:12;border-width:0px;color:white;font-family:webdings;"
	 //+"font-size:12px;"
	  
 //+"' onclick='cls(this)'>r</span>"
 
  + "</td><td width='7'><img src='1_03.gif' width='7' height='31' /></td></tr></table></div>"+"<div style='background:white'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='8' height='"+(this.h-41)+"' background='1_04.gif'></td><td width='"
	+(this.w-15)+"' valign='top'><table width='285' height='239' border='0' cellpadding='0' cellspacing='0' class='biaoge' id='tb'><tr><td height='25'  align='left'> <b>Your name</b>&nbsp;&nbsp;<input type='text' id='name1' name='name1' size=16>&nbsp;&nbsp;<input type='button' onclick='modify()' value='Change' width='20'><span id='num'></span></td></tr><tr><td height=100><iframe style='width:530px; height:100' id='chatmain' name='chatmain' src='chatmain.html' frameborder='1'><script language='javascript'>frames.message.document.designMode = 'On';</script></iframe></td></tr><tr><td height='27' valign='middle' class='article'><div style='white-space: nowrap;' align='left'><table><tr><td><textarea id='contentaa' name='content' cols='27' rows='2' class='shurukuang' style='width:450px;' onkeyup='change(this)'></textarea></td>&nbsp;<span class='zi1' id='leng'></span><td><input onClick='dosub()' name='Submit' type='image' src='pic/submit.jpg' width='60' height='35' border='0'/></td></tr></table></td></tr></table></div></td><td width='7' background='1_06.gif'></td></tr></table> <table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='8' height='10'><img src='1_07.gif' width='8' height='10'/></td><td height='10' background='1_08.gif'><img src='1_08.gif' /></td><td width='7' height='10'><img src='1_09.gif' width='7' height='10' /></td></tr></table></div>"
	+"</div>"+"<div id='b' style='filter:alpha(opacity=40);z-index:"+(parseInt(this.zindex)-1)+";height:"+this.h+";width:"+this.w+
	";   background-color:black; position:absolute; left:"+this.l+"px; top:"+this.t+"px;'>"
	+"</div>"
	document.write(str);
	
	
	}
	
	function min(e){
		
//alert(e.parentNode.parentNode.parentNode.parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.innerHTML)
if(e.parentNode.parentNode.parentNode.parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.style.display!="none"){
e.parentNode.parentNode.parentNode.parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.style.display= "none";
e.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.height="41"
//alert(e.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.innerHTML)
e.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.nextSibling.style.display="none"
e.innerHTML="2"
}
else{
e.innerHTML="0"
e.parentNode.parentNode.parentNode.parentNode.parentNode.nextSibling.firstChild.firstChild.firstChild.style.display= "";
e.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.nextSibling.style.display=""
}
}
	
function cls(e)
{
var win = e.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode
//alert(win.innerHTML)
var sha = win.nextSibling;
win.style.visibility = "hidden";
sha.style.visibility = "hidden";
}
function startdrag(e1)
{
	//
	e1.setCapture();
	parentdiv=e1.parentNode
	//alert(parentdiv.id)
	shadiv=parentdiv.nextSibling
	x0=event.clientX
	y0=event.clientY
	x1 = parseInt(parentdiv.style.left);
    y1 = parseInt(parentdiv.style.top);
	//alert(x0)
	shadiv.style.left=x1+6
	shadiv.style.top=y1+6
	moveable=true
	

	
	
	
}
function drag(e1)
{
		parentdiv=e1.parentNode
	//alert(parentdiv.id)
	shadiv=parentdiv.nextSibling
	
if (moveable) {
	//alert(parseInt(parentdiv.style.left)+event.clientX-x0)
    parentdiv.style.left =x1+event.clientX-x0
	parentdiv.style.top = y1+event.clientY-y0
	 shadiv.style.left = parseInt(parentdiv.style.left)+6
	 shadiv.style.top = parseInt(parentdiv.style.top)+6
}
}
function stopdrag(e1)
{
var win = e1.parentNode;
var sha = win.nextSibling;
sha.style.left = e1.parentNode.style.left;
sha.style.top = e1.parentNode.style.top;
//�ſ�����8;
e1.releaseCapture();
moveable = false;
}
function getfocus(e1)
{
index = index + 2;
var idx = index;
e1.style.zIndex=idx;
e1.nextSibling.style.zIndex=idx-1;
}
function change(e)
{
//document.getElementById("leng").innerHTML="("+(e.maxLength-e.value.length)+")"
}