var LAR_PREFIX = 'Ler';
var layerName1 = 'layerInquiry';
var sid='sLayer';
var did='divIframe';
var isIE=navigator.appVersion.split("MSIE");
var isIEv=parseFloat(isIE[1]);
function $(_sId) {return document.getElementById(_sId);}
function DT(b_ID) {var bpx=$(LAR_PREFIX + b_ID).style; bpx.visibility=(bpx.visibility=='visible') ? 'hidden' : 'visible';}

function getMaxIndex(){var s=document.getElementsByTagName("DIV"); var temp=1; for(var i=0;i<s.length;i++) temp=Math.max(temp,s[i].style.zIndex); return temp;}
function getMaxLayer(){var s=document.getElementsByTagName("DIV"); if (!s) return null; var temp=0; var j=0; for(var i=0;i<s.length;i++) if(s[i].style.zIndex>temp) {temp=s[i].style.zIndex;j=i;} return s[j];}
function swaplayer(layer1,layer2){var t=layer2.style.zIndex; layer2.style.zIndex=layer1.style.zIndex; layer1.style.zIndex=t;}
function xx_SetTop(obj){var maxzindexlayer=getMaxLayer(); if (maxzindexlayer) swaplayer(maxzindexlayer,obj);}
function xx_BeginMove(id, event) {
var elementToDrag = $(id);
var startX = event.clientX, startY = event.clientY;
var origX = elementToDrag.offsetLeft, origY = elementToDrag.offsetTop;
var deltaX = startX - origX, deltaY = startY - origY;
if (document.addEventListener) {
document.addEventListener("mousemove", moveHandler, true);
document.addEventListener("mouseup", upHandler, true);
}
else if (document.attachEvent) {
elementToDrag.setCapture( );
elementToDrag.attachEvent("onmousemove", moveHandler);
elementToDrag.attachEvent("onmouseup", upHandler);
elementToDrag.attachEvent("onlosecapture", upHandler);
}
else {
var oldmovehandler = document.onmousemove;
var olduphandler = document.onmouseup;
document.onmousemove = moveHandler;
document.onmouseup = upHandler;
}
if (event.stopPropagation) event.stopPropagation( );
else event.cancelBubble = true;
if (event.preventDefault) event.preventDefault( );
else event.returnValue = false;
function moveHandler(e) {
if (!e) e = window.event;
if ((e.clientX - deltaX)<=0)
elementToDrag.style.left = "0px";
else
elementToDrag.style.left = (e.clientX - deltaX) + "px";
if ((e.clientY - deltaY)<=0)
elementToDrag.style.top = "0px";
else
elementToDrag.style.top = (e.clientY - deltaY) + "px";
if (e.stopPropagation) e.stopPropagation( );
else e.cancelBubble = true;
}
function upHandler(e) {
if (!e) e = window.event;
if (document.removeEventListener) {
document.removeEventListener("mouseup", upHandler, true);
document.removeEventListener("mousemove", moveHandler, true);
}
else if (document.detachEvent) {
elementToDrag.detachEvent("onlosecapture", upHandler);
elementToDrag.detachEvent("onmouseup", upHandler);
elementToDrag.detachEvent("onmousemove", moveHandler);
elementToDrag.releaseCapture( );
}
else {
document.onmouseup = olduphandler;
document.onmousemove = oldmovehandler;
}
if (e.stopPropagation) e.stopPropagation( );
else e.cancelBubble = true;
}
}
function xx_Layer(id,title,width,height,left,top,content,seeyn){
this.id=id;
this.title=title;
this.style="overflow:visible;";
this.titlestyle="overflow:hidden;cursor:move;";
this.left=left;
this.top=top;
this.width=width;
this.height=height;
this.zIndex=getMaxIndex()+1;
this.seeyn=seeyn;
this.innerHTML=content;
if (content) this.draw();
}

xx_Layer.prototype.bG=function(pngurl){
var tempstyle = ((isIEv && isIEv<7) ? "position: absolute; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + pngurl + "', sizingMethod='scale'); background-repeat: no-repeat;" : "position: absolute; background-image:url(" + pngurl + "); background-repeat: repeat;");
return tempstyle;
};

xx_Layer.prototype.draw=function(){
var xlayer=$(this.id);
if (xlayer){alert("false");return false;}
var xlayer=document.createElement("DIV");
xlayer.setAttribute("id",this.id);
xlayer.style.cssText=this.style + "width:" + this.width + ";height:" + this.height + ";left:" + this.left + ";top:" + this.top + ";z-index:" + this.zIndex + ";position:absolute;";
xlayer.style.display=(this.seeyn)?"none":"block";
xlayer.onclick=function(){xx_SetTop(xlayer);}
document.body.appendChild(xlayer);
var xlayer_title=document.createElement("DIV");
xlayer_title.style.cssText=this.titlestyle;
xlayer_title.innerHTML='\
<div style="font:12px Arial;" onmousedown="xx_BeginMove(\''+this.id+'\',event);">\
<div style="font-size:1px;margin-left:5px;margin-right:5px;height:5px;background-color:#A3CBCE;">\
<div style="left:0px;top:0px;width:5px;height:5px;'+this.bG("../image/dlayer/corner-nw.png")+'"></div><div style="left:'+(this.width-5)+'px;top:0px;width:5px;height:5px;'+this.bG("../image/dlayer/corner-ne.png")+'"></div>\
</div>\
<div style="white-space:nowrap;position:absolute;right:5px;top:5px;z-index:'+((this.zIndex)-1)+'">\
<div style="font-size:9px;float:right;cursor:pointer;"><img sr'+'c="../image/dlayer/panel-cross.gif" onclick="document.getElementById(\''+this.id+'\').style.display=\'none\';" alt="Close" title="Close" height="15" width="15"></div>\
</div>\
<div style="overflow:hidden;height:1.6em;padding-top:0.1em;padding-left:10px;back'+'ground:url(../image/dlayer/header-gradient.gif) repeat-x center top #A3CBCE;">\
<div style="overflow:hidden;position:relative;margin-left:18px;"><div style="overflow:hidden;position:relative;"><a style="overflow:hidden;text-decoration:none;display:block;letter-spacing:1px;white-space:nowrap;font-size:12px;color:#456B6B;font-weight:bold;cursor:move;" id="'+this.id+'_title">'+this.title+'</a></div></div>\
</div>\
<div style="position:absolute;left:6px;top:5px;width:16px;height:16px;"><img sr'+'c="../../image/tokenul.gif" border="0" height="16" width="16" style="'+this.bG("../../image/tokonline.png")+'"></div>\
</div>\
';
xlayer.appendChild(xlayer_title);
var xlayer_child=document.createElement("DIV");
var temp1='\
<div style="overflow:hidden;position:relative;width:'+this.width+'px;height:'+(this.height-30)+'px;left:0px;top:0px;back'+'ground:url(../../image/bgmail.gif) repeat-x #D9D9D7;">\
<div style="overflow:auto;margin:5px;padding:0px;position:absolute;left:0px;top:0px;width:'+(this.width-10)+'px;height:'+(this.height-35)+'px;">\
';
var temp2='\
</div></div>\
<div style="position:relative;margin-left:5px;margin-right:5px;height:5px;font-size:0.1px;background-color:#EAEFF5;">\
<div style="left:-5px;top:0px;width:5px;height:5px;'+this.bG("../image/dlayer/corner-sw.png")+'"></div>\
<div style="left:'+(this.width-10)+'px;top:0px;width:5px;height:5px;'+this.bG("../image/dlayer/corner-se.png")+'"></div>\
</div>\
';
xlayer_child.innerHTML= temp1 + this.innerHTML + temp2;
xlayer.appendChild(xlayer_child);
var xlayer_bg=document.createElement("DIV");
xlayer_bg.style.cssText="overflow:visible;position:absolute;left:0px;top:0px;z-index:" + ((this.zIndex)-10);
xlayer_bg.innerHTML='\
<div style="top:-5px;left:'+(this.width-5)+'px;width:13px;height:13px;font-size:1px;'+this.bG("../image/dlayer/3x-ne.png")+'"></div>\
<div style="top:-5px;left:-5px;width:13px;height:13px;font-size:1px;'+this.bG("../image/dlayer/3x-nw.png")+'"></div>\
<div style="top:-5px;left:8px;width:'+(this.width-13)+'px;height:13px;font-size:1px;'+this.bG("../image/dlayer/3x-n.png")+'"></div>\
<div style="top:'+(this.height-5)+'px;left:-5px;width:13px;height:13px;font-size:1px;'+this.bG("../image/dlayer/3x-sw.png")+'"></div>\
<div style="top:'+(this.height-5)+'px;left:8px;width:'+(this.width-13)+'px;height:13px;font-size:1px;'+this.bG("../image/dlayer/3x-s.png")+'"></div>\
<div style="top:'+(this.height-5)+'px;left:'+(this.width-5)+'px;width:13px;height:13px;font-size:1px;'+this.bG("../image/dlayer/3x-se.png")+'"></div>\
<div style="top:8px;left:'+(this.width-5)+'px;width:13px;height:'+(this.height-13)+'px;font-size:1px;'+this.bG("../image/dlayer/3x-e.png")+'"></div>\
<div style="top:8px;left:-5px;width:13px;height:'+(this.height-13)+'px;font-size:1px;'+this.bG("../image/dlayer/3x-w.png")+'"></div>\
';
xlayer.appendChild(xlayer_bg);
};

var Validator = {
Require : /.+/,
Email : /^\w+([-.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
Group : "this.MustChecked(getAttribute('name'), getAttribute('min'), getAttribute('max'))",
ErrorItem : [document.forms[0]],
ErrorMessage : ["标有 *  的为必填栏，请检查以下项目:\t\t\t"],
Validate : function(theForm, mode){
var obj = theForm || event.srcElement;
var count = obj.elements.length;
this.ErrorMessage.length = 1;
this.ErrorItem.length = 1;
this.ErrorItem[0] = obj;
for(var i=0;i<count;i++){
with(obj.elements[i]){
var _dataType = getAttribute("dataType");
if(typeof(_dataType) == "object" || typeof(this[_dataType]) == "undefined")  continue;
this.ClearState(obj.elements[i]);
if(getAttribute("require") == "false" && value == "") continue;
switch(_dataType){
case "Group" : 
if(!eval(this[_dataType])){this.AddError(i, getAttribute("msg"));}
break;
default :
if(!this[_dataType].test(value)){this.AddError(i, getAttribute("msg"));}
break;
}
}
}
if(this.ErrorMessage.length > 1){
mode = mode || 1;
var errCount = this.ErrorItem.length;
switch(mode){
case 2 :
for(var i=1;i<errCount;i++) this.ErrorItem[i].style.color = "red";
case 1 :
alert(this.ErrorMessage.join("\n"));
this.ErrorItem[1].focus();
break;
default :
alert(this.ErrorMessage.join("\n"));
break;
}
return false;
}
return true;
},
ClearState : function(elem){
with(elem){
if(style.color == "red")
style.color = "";
var lastNode = parentNode.childNodes[parentNode.childNodes.length-1];
if(lastNode.id == "__ErrorMessagePanel")
parentNode.removeChild(lastNode);
}
},
AddError : function(index, str){
this.ErrorItem[this.ErrorItem.length] = this.ErrorItem[0].elements[index];
this.ErrorMessage[this.ErrorMessage.length] = this.ErrorMessage.length + ". " + str;
},
exec : function(op, reg){
return new RegExp(reg,"g").test(op);
},
MustChecked : function(name, min, max){
var groups = document.getElementsByName(name);
var hasChecked = 0;
min = min || 1;
max = max || groups.length;
for(var i=groups.length-1;i>=0;i--)
if(groups[i].checked) hasChecked++;
return min <= hasChecked && hasChecked <= max;
}
}
function m_s(obj) {
obj.style.background = "#ffffff";
}
function m_r(obj) {
obj.style.background = "#dfefff";
}
function getInfo() {
var now = new Date();
document.Form_mail.Date.value = now.toGMTString();
}
function setAttr() {
if(document.getElementById('Company_Name')){
var set_1 = $('in3');
set_1.setAttribute('dataType','Group');
set_1.setAttribute('msg','"咨询分类" 中至少需要选择一项。');
var set_2 = $('Company_Name');
set_2.setAttribute('dataType','Require');
set_2.setAttribute('msg','"公司名称" 栏为必填项，请填写。');
var set_3 = $('Contaction_Person');
set_3.setAttribute('dataType','Require');
set_3.setAttribute('msg','"联系人" 栏为必填项，请填写。');
var set_4 = $('Phone');
set_4.setAttribute('dataType','Require');
set_4.setAttribute('msg','"电话" 栏为必填项，请填写有效联系电话。');
var set_5 = $('Fax');
set_5.setAttribute('dataType','Require');
set_5.setAttribute('msg','"传真" 栏为必填项，请填写有效传真号码。');
var set_6 = $('E_mail');
set_6.setAttribute('dataType','Email');
set_6.setAttribute('msg','"E-mail" 必须是合法的电子邮箱地址，请检查。');
}
}

function send(stat) {if (stat) {$(sid).style.display='none'; $(did).style.display='block';}; return stat;}
function closeLayer(lid) {$(lid).style.display='none';}

function x_inquiry(lid,seeyn){
var wh=508;
var ht=500;
var lt=(document.body.clientWidth-wh)/2; lt=(lt<0)?10:lt;
var tp=80;
var locURL=document.location;
var ltitle='洽谈咨询';
var sTemp='\
<table width="438" border="0" align="center"><tr><td align="center"><table border="0" cellpadding="0" cellspacing="0" align="center" style="border-bottom:1px solid #999;padding-bottom:2px;margin-bottom:3px;"><tr><td><span class="wel">TOKEN<font color="#FF9900">ONLINE</font></span></td></tr></table><table width="100%" border=0><tr><td style="font:14pt \'楷体_GB2312\',\'標楷體\';text-align:center;color:#010;">请填写相关资料，我们会在最短的时间答复您。</td></tr></table></td></tr></table>\
<form act'+'ion="../email_page.php?submit" target="tokeninquiry" method="post" name="Form_mail" onsubmit="getInfo();stat=Validator.Validate(this,2);return send(stat);">\
<input name="Date" type="hidden"> <input name="Product" type="hidden" value="' + productName + '"> <input name="URL" type="hidden" value="' + locURL +'">\
<table width="436" border="0" cellpadding="0" cellspacing="0" align="center" style="border:1px solid #bbb;background:#fff;"><tr><td style="padding:3px 0;"><table width="98%" border="0" cellpadding="0" cellspacing="0" align="right">\
<tr><td>咨询产品:</td><td style="padding:2px 0;"><div class="protd">' + productName + '</div></td></tr>\
<tr class="trow"><td width="78">咨询分类:</td><td style="padding:3px 0;" valign="middle"><input type="checkbox" name="Inquiry_for[]" id="in1" value="规格详情"><label for="in1">规格详情</label> &nbsp; <input type="checkbox" name="Inquiry_for[]" id="in2" value="样品采购"><label for="in2">样品采购</label> &nbsp; <input type="checkbox" name="Inquiry_for[]" id="in3" value="产品报价"><label for="in3">产品报价</label> &nbsp; <span style="color:#f06;font-size:12px">(可多选)</span></td></tr>\
<tr><td>公司名称:</td><td><input id="Company_Name" name="C_Name" type="text" class="form1" size="42" onFocus="m_r(this)" onBlur="m_s(this)"> <span class=requ>*</span></td></tr>\
<tr class="trow"><td>联&nbsp;&nbsp;系&nbsp;&nbsp;人:</td><td><input id="Contaction_Person" name="C_Person" type="text" class="form1" size="32" onFocus="m_r(this)" onBlur="m_s(this)"> <span class=requ>*</span></td></tr>\
<tr><td>电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话:</td><td><input id="Phone" name="C_Phone" type="text" class="form1" size="28" onFocus="m_r(this)" onBlur="m_s(this)"> <span class=requ>*</span></td></tr>\
<tr class="trow"><td>传&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;真:</td><td><input id="Fax" name="C_Fax" type="text" size="28" class="form1" onFocus="m_r(this)" onBlur="m_s(this)"> <span class=requ>*</span></td></tr>\
<tr><td>公司网址:</td><td><input id="Website_URL" name="Web_URL" type="text" class="form1" size="36" onFocus="m_r(this)" onBlur="m_s(this)"> </td></tr>\
<tr class="trow"><td><font face="Arial, Helvetica, sans-serif">E&nbsp;-&nbsp;m&nbsp;a&nbsp;i&nbsp;l</font>:</td><td><input id="E_mail" name="Email" type="text" class="form1" size="32" onFocus="m_r(this)" onBlur="m_s(this)"> <span class=requ>*</span></td></tr>\
<tr><td valign="top">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</td><td><textarea id="Remark" name="Remark" class="form1" onFocus="m_r(this)" onBlur="m_s(this)"></textarea> </td></tr>\
<tr align="center"><td height="35" colspan="2"><input type="submit" value="提 交" class="send" onmouseover="this.style.background=\'#fdd\'" onmouseout="this.style.background=\'#dfd\'" onfocus="this.blur()"> <input type="reset" value="清 除" class="send" onmouseover="this.style.background=\'#fdd\'" onmouseout="this.style.background=\'#dfd\'" onfocus="this.blur()"></td></tr>\
</table></td></tr></table><br><center><font style="font:10px verdana;">&copy; 2009 TOKEN</font></center>\
</form>\
';
var divIframeInner='<iframe name="tokeninquiry" width="' + (wh-10) + '" height="' + (ht-35) + '" sr'+'c="../email_page.htm" frameborder="0" style="margin:0;padding:0;border:0;overflow:hidden;"></iframe>';
var s='<div id="' + sid + '" class="' + sid + '">' + sTemp + '</div><div id="' + did + '" class="' + did + '">' + divIframeInner + '</div>';
var newlayer1=new xx_Layer(lid,ltitle,wh,ht,lt,tp,s,seeyn);
setAttr();
}
function MM_openBrWindow() {if($(layerName1)) {$(layerName1).style.display="block";} else {x_inquiry(layerName1);} return false;}
document.writeln('<link hr' + 'ef="../opendia.css" rel="stylesheet" type="text/css">');