﻿function check1()
{
	document.getElementById('e2').style.display = 'none';
	document.getElementById('e3').style.display = 'none';
	document.getElementById('e4').style.display = 'none';
	document.getElementById('e5').style.display = 'none';
	if (document.msgForm.messageContent.value == '')
		document.getElementById('e1').style.display = 'block';
	else
		document.getElementById('e1').style.display = 'none';	
}

function check2()
{
	document.getElementById('e1').style.display = 'none';
	document.getElementById('e3').style.display = 'none';
	document.getElementById('e4').style.display = 'none';
	document.getElementById('e5').style.display = 'none';
	if (document.msgForm.messageTitle.value == '')
		document.getElementById('e2').style.display = 'block';
	else
		document.getElementById('e2').style.display = 'none';	
}

function check3()
{
	document.getElementById('e1').style.display = 'none';
	document.getElementById('e2').style.display = 'none';
	document.getElementById('e4').style.display = 'none';
	document.getElementById('e5').style.display = 'none';
	if (document.msgForm.email.value.indexOf('@') == -1)
		document.getElementById('e3').style.display = 'block';
	else
		document.getElementById('e3').style.display = 'none';	
}

function check4()
{
	document.getElementById('e1').style.display = 'none';
	document.getElementById('e2').style.display = 'none';
	document.getElementById('e3').style.display = 'none';
	document.getElementById('e5').style.display = 'none';
	//if (document.msgForm.mobile.value != '' && !/^(\+|-)?\d+$/.test(document.msgForm.mobile.value))
		//document.getElementById('e4').style.display = 'block';
	//else
		//document.getElementById('e4').style.display = 'none';	
}

function check5()
{
	document.getElementById('e1').style.display = 'none';
	document.getElementById('e2').style.display = 'none';
	document.getElementById('e3').style.display = 'none';
	document.getElementById('e4').style.display = 'none';
	if (!/^(\+|-)?\d+$/.test(document.msgForm.Verifycode.value))
		document.getElementById('e5').style.display = 'block';
	else
		document.getElementById('e5').style.display = 'none';	
}

document.writeln("<div id=qMsg style=\"visibility: visible; z-index::1000; position:absolute; left:0px; top:0px; width:201px; font-size:12px;\">");
document.writeln("  <div style=\"width:201px;height:25px;background-image:url(\'/im/title_bg.gif\');\">");
document.writeln("    <div style=\"width:2px;height:25px;background-image:url(\'/im/title_left.gif\');float:left;\"></div>");
document.writeln("	<div id=qMsgTitle style=\"width:170px;float:left;font-size:12px;font-weight:bold;color:#FFFFFF;padding:4px 0 0 5px;cursor:move;\" onMouseDown=\"beginDrag()\" onMouseUp=\"endDrag()\" onMouseMove=\"Drag()\" align=\"left\">欢迎给我们留言!</div>");
document.writeln("	<div style=\"float:left;padding:5px 0;\"><a href=\"javascript:min()\" onFocus=\"this.blur();\"><img src=\"/im/title_min.gif\" border=\"0\"></a></div>");
document.writeln("	<div style=\"width:2px;height:25px;background-image:url(\'/im/title_right.gif\');float:right;\"></div>");
document.writeln("  </div>");
document.writeln("  <div id=qMsgBody style=\"width:199px;height:230px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:none;border-bottom:none;background-color:#1E1E1E;\">");
document.writeln("    <form id=\"msgForm\" name=\"msgForm\" style=\"margin:0;padding:0;\" action=\"ImSave.asp\" method=\"post\">");
//document.writeln("	<input type=\"hidden\" name=\"touser\" value=\"\">");
document.writeln("    <div style=\"padding:10px;\"><textarea rows=\"6\" style=\"overflow:hidden;width:172px;font-size:12px;\" name=\"messageContent\" onfocus=\"if (this.value == \'您好，如果您想代理我们的产品，请点此留言，我们会及时与您联系,谢谢！（限100个汉字）\') {this.value = \'\';}\" onblur=\"check1()\">您好，如果您想代理我们的产品，请点此留言，我们会及时与您联系,谢谢！（限100个汉字）</textarea></div>");
document.writeln("	<div id=\"e1\" style=\"display:none;padding:5px 10px;color:#FFFFFF;\"><img src=\"/im/error.gif\" /> 请输入留言，限100字以内</div>");
document.writeln("	<div style=\"padding:0 0 0 10px;color:#FFFFFF;\">请留下联系方式,我们会尽快联系您</div>");
document.writeln("    <div style=\"padding:5px 10px;color:#FFFFFF;\">姓 名 <input type=\"text\" style=\"width:135px;font-size:12px;\" name=\"messageTitle\" onblur=\"check2()\"></div>");
document.writeln("	<div id=\"e2\" style=\"display:none;padding:5px 10px;color:#FF9900;\"><img src=\"/im/error.gif\" /> 请输入您的真实姓名</div>");
document.writeln("    <div style=\"padding:5px 10px;color:#FFFFFF;\">手 机 <input type=\"text\" style=\"width:135px;font-size:12px;\" name=\"mobile\" onblur=\"check4()\"></div>");
document.writeln("	<div id=\"e4\" style=\"display:none;padding:5px 10px;color:#FF9900;\"><img src=\"/im/error.gif\" /> 请输入正确的手机号码</div>");
document.writeln("   <div style=\"padding:5px 10px 0 120px;color:#205394;\"><a href=\"javascript:submitMsg();\"><img src=\"/im/send.gif\" border=\"0\"></a></div>");
document.writeln("	</form>");
document.writeln("  </div>");
document.writeln("  <div id=qMsgFooter style=\"width:201px;height:5px;background-image:url(\'/im/bottom.gif\');font-size:1px;\"></div>");
document.writeln("</div>");
document.writeln("");

//document.getElementById("msgForm").touser.value = touser;

var o_x, o_y, isDrag = false, qMsg, qMsgTitle; 
qMsg = document.getElementById("qMsg");
qMsgTitle = document.getElementById("qMsgTitle");

function beginDrag(){
  qMsgTitle.setCapture();
  o_x = event.clientX;
  o_y = event.clientY;
  isDrag = true;
} 

function Drag(){ 
  if(isDrag){ 
    with(qMsg.style){ 
	  left = parseInt(left) + event.clientX - o_x;
      top = parseInt(top) + event.clientY - o_y; 
	  o_x = event.clientX;
	  o_y = event.clientY;
   } 
 }
} 

function endDrag(){ 
  isDrag = false;
  qMsgTitle.releaseCapture();
}

var intervalId = null; 

function changePos(bInit) {
  var oLeft = parseInt(qMsg.style.left);
  var oTop = parseInt(qMsg.style.top);
  var nLeft = document.documentElement.scrollLeft + document.documentElement.clientWidth - qMsg.scrollWidth;
  var nTop = document.documentElement.scrollTop + document.documentElement.clientHeight - qMsg.scrollHeight;
  var dir = oTop < nTop? "down": "up";
  if (bInit)qMsg.style.left = nLeft;
  if(intervalId != null)  
    window.clearInterval(intervalId);   
  
  function d() {
    var t;
	t = parseInt(qMsg.style.top);
    t = oTop < nTop? t + 5: t - 5;
	if ((dir == "down" && t >= nTop) || (dir == "up" && t <= nTop))
	{
	  qMsg.style.top = nTop;
      window.clearInterval(intervalId);
	}
	else
	  qMsg.style.top = t;
  }
  
  intervalId = window.setInterval(d, 1);	
}

function initPos() {
  changePos(true);
}

function scrollPos() {
  changePos(false);
}

function min() {
  var b = document.getElementById("qMsgBody");
  var f = document.getElementById("qMsgFooter");

  if (b.style.display == "none") {
    b.style.display = "";
	f.style.display = "";
  }
  else {
    b.style.display = "none";
	f.style.display = "none";
  }
  qMsg.style.left = document.documentElement.scrollLeft + document.documentElement.clientWidth - qMsg.scrollWidth;
  qMsg.style.top = document.documentElement.scrollTop + document.documentElement.clientHeight - qMsg.scrollHeight;	  
}

function submitMsg() {
  var f = document.getElementById("msgForm");
   if (f.messageContent.value == "您好，如果您想代理我们的产品，请点此留言，我们会及时与您联系,谢谢！（限100个汉字）")   {
    alert("请输入您的留言内容.");
	f.messageContent.focus();
	return;
  } 
  if (f.messageContent.value == "")   {
    alert("请输入您的留言内容.");
	f.messageContent.focus();
	return;
  }  
  if (f.messageTitle.value == "") {
    alert("请输入您的姓名.");
	f.messageTitle.focus();
	return;
  }
  if (f.mobile.value == "") {
    alert("请输入您的联系电话");
	f.email.focus();
	return;
  }
  f.submit();
}

  qMsg.style.top = document.documentElement.scrollTop + document.documentElement.clientHeight + qMsg.scrollHeight;
  qMsg.style.visibility = "visible";
  initPos();
  window.onresize = initPos;
  window.onscroll = scrollPos;

