var divFormHD = null;
var msgFormMaxWidth = 452;
var msgFormMaxHeight = 260;
var msgFormCurrWidth = 0;
var msgFormCurrHeight = 0;
var currentAction;
var UAIsIE;
var isStartMove = false;
var msgFormInitX, msgFormInitY, evtX, evtY;
function drawMsgPubForm()
{
	if(!divFormHD){
		var msg_form_innerhtml = '<div style=" width:452px; height:260px; border: 3px solid #ffd99b; background:#FFF;">';
        msg_form_innerhtml +='<div id="titleBar" style="cursor:move"><img  src="http://assets.lianyu.com/images/passport/login_top.jpg" width="452" height="44" /></div>';
		msg_form_innerhtml +='<div style=" font-size:12px; color:#000; margin-top:20px;">';
        msg_form_innerhtml +='<form name="login_form" id="login_form" method="post" action="dologin.php" onsubmit="checklogin();return ajax_submit(this);">';
	    msg_form_innerhtml += '<table cellspacing="0" cellpadding="0">';		
        msg_form_innerhtml +='<tr><td width="29%" height="30" align="right">炼狱通行证：<br /></td><td colspan="3" align="left"><input name="username" id="username" maxlength="30" autocomplete="off" type="text" /><input type="hidden" name="forward" id="forward" value="take_award.php" /></td></tr>';
        msg_form_innerhtml +='<tr><td height="30" align="right" valign="middle">通行证密码：<br /></td><td colspan="3" align="left"><input name="password" id="password" maxlength="30" type="password" /></td></tr>';
        msg_form_innerhtml +='<tr><td height="30" align="right">验证码：</td><td colspan="3" align="left"><input name="checkcode" size="4" maxlength="4" id="checkcode" autocomplete="off" type="text" /><img style="cursor:pointer" id="img_check" src="./checkcode.php" onclick="document.getElementById(\'img_check\').src=document.getElementById(\'img_check\').src+\'?\'+Math.random();" align="absmiddle" /> <span style="cursor:pointer" onclick="document.getElementById(\'img_check\').src=document.getElementById(\'img_check\').src+\'?\'+Math.random();"><u>看不清，换一张</u></span></td></tr>';
        msg_form_innerhtml +='<tr><td align="right"> </td> <td colspan="3" align="left"> </td></tr>';
        msg_form_innerhtml +='<tr><td colspan="2" align="right"> <input src="http://assets.lianyu.com/images/passport/bg10.gif" height="32" type="image" width="91" />';
        msg_form_innerhtml +='<img style="cursor:pointer" src="http://assets.lianyu.com/images/passport/bg09.gif" onClick="closeMsgPubForm();return false;" height="32" width="91"/></td>';
        msg_form_innerhtml +='<td align="left" width="2%">&nbsp;</td><td align="left" width="45%"><a href="http://passport.lianyu.com/fetch_pwd.php" target="_blank">忘记密码</a> | <a href="http://passport.lianyu.com/appeal_pwd.php" target="_blank">找客服申诉找回？</a></td> </tr>';
        msg_form_innerhtml +='<tr> <td colspan="4" align="center"> <br /><img src="http://assets.lianyu.com/images/passport/bg14.gif" align="absmiddle" height="14" width="14" /> 还没炼狱通行证？<a href="http://passport.lianyu.com/register.php" target="_blank">立即免费注册</a></td></tr>';
        msg_form_innerhtml +='</table></form></div>';

	divFormHD = document.createElement("DIV");
	document.body.appendChild(divFormHD);
	divFormHD.innerHTML = msg_form_innerhtml;
	divFormHD.style.overflow = "hidden";
	UAIsIE = (/msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent));
	addEvents();
	}
	divFormHD.style.width = "0px";
	divFormHD.style.position = "absolute";
	divFormHD.style.height = "0px";
	divFormHD.style.zIndex = 1;
	divFormHD.style.display = "";
}

function addEvents()
{
	addEvent(document, "mousemove", drapMsgPubForm);
	addEvent(document, "mouseup", stopMoveMsgPubForm);
	var ele = document.getElementById('titleBar');
	addEvent(ele, "mousedown",startMoveMsgPubForm); 
}

function addEvent(el, evtName, func)
{
	if (el.attachEvent) { // IE
		el.attachEvent("on" + evtName, func);
	} else if (el.addEventListener) { // Gecko / W3C
		el.addEventListener(evtName, func, true);
	} else {
		el["on" + evname] = func;
	}
}

function stopMoveMsgPubForm()
{
	isStartMove = false;
}

function startMoveMsgPubForm(evt)
{
	isStartMove = true;
	msgFormInitX = parseInt(divFormHD.style.left);
	msgFormInitY = parseInt(divFormHD.style.top);
	if(UAIsIE){
		evtX = event.clientX;
		evtY = event.clientY;
	}else{
		evtX = evt.pageX;
		evtY = evt.pageY;
	}
}

function drapMsgPubForm(evt)
{
	if(!isStartMove) return;
	var offsetX;
	var offsetY;
	if(UAIsIE){
		offsetX = evtX - event.clientX;
		offsetY = evtY - event.clientY;
	}else{
		offsetX = evtX - evt.pageX;
		offsetY = evtY - evt.pageY;
	}
	divFormHD.style.left = msgFormInitX - offsetX + 'px';
	divFormHD.style.top = msgFormInitY - offsetY + 'px';
}

function showMsgPubForm(posX, posY)
{
	divFormHD.style.display = "";
	divFormHD.style.left = (posX-80) + 'px';
	divFormHD.style.top = (posY+100) + 'px';
	msgFormCurrWidth = 0;
	msgFormCurrHeight = 0;
	aniShowMsgForm();
}

function aniShowMsgForm()
{
	
	if(msgFormCurrWidth < msgFormMaxWidth){
		msgFormCurrWidth += 20;
		divFormHD.style.width = msgFormCurrWidth + 'px';
	}
	if(msgFormCurrHeight < msgFormMaxHeight){
		msgFormCurrHeight += 10;
		divFormHD.style.height = msgFormCurrHeight + 'px';
	}
	if(msgFormCurrWidth < msgFormMaxWidth || msgFormCurrHeight < msgFormMaxHeight){
		setTimeout("aniShowMsgForm();", 10);
	}/*else{
		if(currentAction == 'r') focusContent();
		else focusTitle();
	}*/
	//alert("W:" + msgFormCurrWidth + ";H:" + msgFormCurrHeight);
}

function aniHideMsgPubForm()
{
	if(msgFormCurrWidth > 0){
		msgFormCurrWidth -= 20;
		if(msgFormCurrWidth < 0) msgFormCurrWidth = 0;
		divFormHD.style.width = msgFormCurrWidth + 'px';
	}
	if(msgFormCurrHeight > 0){
		msgFormCurrHeight -= 10;
		if(msgFormCurrHeight < 0)	msgFormCurrHeight = 0;
		divFormHD.style.height = msgFormCurrHeight + 'px';
	}
	if(msgFormCurrHeight > 0 || msgFormCurrWidth > 0) setTimeout("aniHideMsgPubForm()", 10);
	
}

function closeMsgPubForm()
{
	aniHideMsgPubForm();
}

function replyMsg(eObj, msgid){
	drawMsgPubForm();
	var eleTitle = document.getElementById('msgTitle');
	setHiddenParam('msgid', msgid);
	//setHiddenParam('optType', 'reply');
	eleTitle.value = 'RE:' + getMsgTitle(msgid);
	var pos = getEventPosition(eObj);
	currentAction = 'r';
	showMsgPubForm(pos.x, pos.y);
}

function publishProdMsg(eObj){
	drawMsgPubForm();
	var pos = getEventPosition(eObj);
	//setHiddenParam('cid',cid);
	currentAction = 'p';
	showMsgPubForm(pos.x, pos.y);
}

function publishMchProd(Obj,prod_id){
		
}

function setHiddenParam(name, value)
{
	var ele_form = document.getElementById('login_form');
	var ele_exist = false;
	for(var i = 0; i < ele_form.length; i ++){
		if(ele_form.elements[i].name == name){
			ele_form.elements[i].value = value;
			ele_exist = true;
			break;
		}
	}
	if(!ele_exist){
		var ele_new = document.createElement('INPUT');
		ele_new.setAttribute("type","hidden");
		ele_new.setAttribute("name", name);
		ele_new.setAttribute("value", value);
		ele_form.appendChild(ele_new);
//		ele_new.setAttribute("type","hidden");
//		ele_new.setAttribute("name", name);
//		ele_new.setAttribute("value", value);
	}
}

function getMsgTitle(msgid)
{
	var tObj = document.getElementById('msgTitle_n'+msgid);
	for(var i = 0; i < tObj.childNodes.length; i ++){
		if(tObj.childNodes[i].nodeType == 1 && tObj.childNodes[i].className == 'msgTitleContent'){
			return tObj.childNodes[i].innerHTML;
		}
	}
}

function focusContent()
{
	var eleContent = document.getElementById('msgContent');
	eleContent.focus();
}

function focusTitle()
{
	var eleTitle = document.getElementById('supply_con');
	eleTitle.focus();
}

function readMsg(ocx_id)
 {
	var ele = document.getElementById(ocx_id);
	var dis = ele.style.display;
	ele.style.display = dis == 'none' ? '': 'none';
 }
 
 function checkMsgForm()
 {
	 var ele_title = document.getElementById('supply_con');
	 var val_title = ele_title.value.trim();
	 if(val_title.length < 1 || val_title.byteLength() > 1800){
	 		alert("补充内容不能为空或者过长（200字节以内），请检查。");
	 		ele_title.focus();
	 		return false;
	 }
	 return true;
 }
 
 function getEventPosition(el) 
{
	var SL = 0, ST = 0;
	var is_div = /^div$/i.test(el.tagName);
	if (is_div && el.scrollLeft)
		SL = el.scrollLeft;
	if (is_div && el.scrollTop)
		ST = el.scrollTop;
	var left = 0;
	var top = 0;
	if(el.offsetLeft) left = el.offsetLeft;
	if(el.offsetTop) top = el.offsetTop;
	var r = { x: left - SL, y: top - ST};
	if (el.offsetParent) {
		var tmp = this.getEventPosition(el.offsetParent);
		r.x += tmp.x;
		r.y += tmp.y;
	}
	return r;
}