{load(head)}
<div id="tip" style="padding:0px 5px;color:#ff0000;position:absolute;background-color:#ffffff;border:1px solid gray;display:none;left:0;top:2;filter:progid:DXImageTransform.Microsoft.Shadow(color=#f,direction=202,strength=2);"></div>
<script src="{$vd['content']}js/detect.js" type="text/javascript"></script>
<script src="{$vd['content']}js/ajax.js" type="text/javascript"></script>
<style type="text/css">
  .lt{width:33%;background:#ffffff;text-align:right; padding-right:5px;height:35px;font-size:14px;}
  .rt{width:67%;background:#ffffff;padding-left:5px;}
  
</style>
<b class="rtop"><b class="r3"></b><b class="r4"></b></b>
<table width="100%" style="padding-bottom:3px;border-left:1px #E1E4E7 solid;border-right:1px #E1E4E7 solid">
  <tr> 
    <td height="35" colspan="2" bgcolor="#ffffff" align="center"> <h3>会员注册系统(带*号必填)</h3></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#ffffff" style="border-left:1px #E1E4E7 solid;border-right:1px #E1E4E7 solid">
  <tr> 
    <td class="lt"><font color="B02A31">*</font> 输入用户名：</td>
    <td class="rt"> 
      <input type="text" size="25" id="cname" class="reginput" onblur="check_id(this.value);" onmousemove="showtip(this.msg,1,150)" onmouseout="showtip(this.tips,0,150)" msg="请输入您需要注册的用户名"/> 
      <img src="{$vd['imgurl']}{$vd['content']}images/regarrow.gif" style="vertical-align:middle">
      <span id="spancname">帐号由4-16位中文、英文和数字组合</span>
    </td>
  </tr>
  <tr> 
    <td class="lt"><font color="B02A31">*</font> 登录密码：</td>
    <td class="rt"> 
      <input type="password" size="25" id="cpwd" class="reginput" style="padding-top:1px;padding-bottom:1px;" onblur="check_password();" onmousemove="showtip(this.msg,1,150)" onmouseout="showtip(this.tips,0,150)" msg="请输入登录/交易密码，初始默认登录密码和交易密码相同，您可以注册成功后，登录系统修改"/>
      <img src="{$vd['imgurl']}{$vd['content']}images/regarrow.gif" style="vertical-align:middle">
      <span id="spancpwd">密码由6-16位英文(区分大小写)和数字的组合</span>
    </td>
  </tr>
  <tr> 
    <td class="lt"><font color="B02A31">*</font> 确认登录密码：</td>
    <td class="rt"> 
      <input type="password" size="25" id="recpwd" class="reginput" style="padding-top:1px;padding-bottom:1px;" onblur="check_pw();" onmousemove="showtip(this.msg,1,150)" onmouseout="showtip(this.tips,0,150)" msg="请再次输入密码"/>
      <img src="{$vd['imgurl']}{$vd['content']}images/regarrow.gif" style="vertical-align:middle">
      <span id="spanrecpwd">请再次输入密码</span>
    </td>
  </tr>
  <tr> 
    <td class="lt"><font color="B02A31">*</font> 输入验证码：</td>
    <td class="rt"> 
      <input type="text" size="25" id="randcode" class="reginput" onblur="checkcode(this.value);" onmousemove="showtip(this.msg,1,150)" onmouseout="showtip(this.tips,0,150)" msg="请输入您右边图像看到的验证码"/>
      
    </td>
  </tr>
  <tr> 
    <td class="lt"></td>
    <td class="rt"> 
      <img src="index.php?m=mod_ykt&a=randcode" id="src" height="38" alt="看不清楚?请点击刷新" onclick="this.src=this.src+'&'+Math.random();" style="vertical-align:middle;"/>
      <span id="spanrandcode">看不清楚?请点击验证码刷新</span>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#ffffff" style="border-left:1px #E1E4E7 solid;border-right:1px #E1E4E7 solid">
<tr><td colspan="2">
<div style="text-align:center">
  <img src="{$vd['imgurl']}{$vd['content']}images/regline.gif" alt="" border="0"/>
</div>
</td></tr>
<tr> 
    <td class="lt"> </td>
    <td class="rt">
      <input type="checkbox" value="0" onclick="dispadv(this)">高级选项
    </td>
  </tr>
</table>
<table  id="advdiv" width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#ffffff" style="border-left:1px #E1E4E7 solid;border-right:1px #E1E4E7 solid;display:none">
  <tr> 
    <td class="lt">真实姓名：</td>
    <td class="rt"> 
      <input type="text" size="25" id="crealname" class="reginput" onblur="check_UserName(this.value);" onmousemove="showtip(this.msg,1,150)" onmouseout="showtip(this.tips,0,150)" msg="请您填写本人真实姓名"/>
      <img src="{$vd['imgurl']}{$vd['content']}images/regarrow.gif" style="vertical-align:middle">
      <span id="spancrealname">请您填写本人真实姓名</span>
    </td>
  </tr>
  <tr> 
    <td class="lt">所在区域：</td>
    <td class="rt"> 
      <select name="prv" id="prv" OnChange="setcity();" style="border:1px groove #C0C0C0; width:80px; font-family:宋体; font-size:9pt; text-decoration:none; color:#000000; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1"> 
        <option value="">-所在省份-</option>
        <option value="安徽">安徽</option>
        <option value="北京">北京</option>
        <option value="重庆">重庆</option>
        <option value="福建">福建</option>
        <option value="甘肃">甘肃</option>
        <option value="广东">广东</option>
        <option value="广西">广西</option>
        <option value="贵州">贵州</option>
        <option value="海南">海南</option>
        <option value="河北">河北</option>
        <option value="黑龙江">黑龙江</option>
        <option value="河南">河南</option>
        <option value="香港">香港</option>
        <option value="湖北">湖北</option>
        <option value="湖南">湖南</option>
        <option value="江苏">江苏</option>
        <option value="江西">江西</option>
        <option value="吉林">吉林</option>
        <option value="辽宁">辽宁</option>
        <option value="澳门">澳门</option>
        <option value="内蒙古">内蒙古</option>
        <option value="宁夏">宁夏</option>
        <option value="青海">青海</option>
        <option value="山东">山东</option>
        <option value="上海">上海</option>
        <option value="山西">山西</option>
        <option value="陕西">陕西</option>
        <option value="四川">四川</option>
        <option value="台湾">台湾</option>
        <option value="天津">天津</option>
        <option value="新疆">新疆</option>
        <option value="西藏">西藏</option>
        <option value="云南">云南</option>
        <option value="浙江">浙江</option>
      </select>
      省   
      <select NAME="city" id="city" style="border:1px groove #C0C0C0; width:80px; font-family:宋体; font-size:9pt"> 
      </select> 
      市
      </span>
      <span id="spancityprv" style="display:none">请选择您所在的省份</span>
    </td>
  </tr>
  <tr> 
    <td class="lt">您的QQ号码：</td>
    <td class="rt"> 
      <input type="text" size="25" id="cqq" class="reginput" onblur="check_qq(this.value);" onmousemove="showtip(this.msg,1,150)" onmouseout="showtip(this.tips,0,150)" msg="请您填写可以和您本人取得联系的QQ号码"/>
      <img src="{$vd['imgurl']}{$vd['content']}images/regarrow.gif" style="vertical-align:middle">
      <span id="spancqq">请您填写可以和您本人取得联系的QQ号码</span>
    </td>
  </tr>
  <tr> 
    <td class="lt"> 邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</td>
    <td class="rt"> 
      <input type="text" size="25" id="cmail" class="reginput" onblur="check_email(this.value);" onmousemove="showtip(this.msg,1,150)" onmouseout="showtip(this.tips,0,150)" msg="请填写您真实常用的邮箱,以便以后找回密码"/>
      <img src="{$vd['imgurl']}{$vd['content']}images/regarrow.gif" style="vertical-align:middle">
      <span id="spancmail">请填写您真实常用的邮箱,以便以后找回密码</span>
    </td>
  </tr>
  <tr> 
    <td class="lt"> 手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</td>
    <td class="rt"> 
      <input type="text" size="25" id="cmobile" class="reginput" onblur="check_Phone(this.value);" onmousemove="showtip(this.msg,1,150)" onmouseout="showtip(this.tips,0,150)" msg="请您填写可以和您本人取得联系的手机号码"/>
      <img src="{$vd['imgurl']}{$vd['content']}images/regarrow.gif" style="vertical-align:middle">
      <span id="spancmobile">请您填写可以和您本人取得联系的手机号码</span>
    </td>
  </tr>
  <tr> 
    <td class="lt"> 电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：</td>
    <td class="rt"> 
      <input type="text" size="25" id="ctel" class="reginput" onblur="check_Telephone(this.value);" onmousemove="showtip(this.msg,1,150)" onmouseout="showtip(this.tips,0,150)" msg="格式如：010-88888888"/>
      <img src="{$vd['imgurl']}{$vd['content']}images/regarrow.gif" style="vertical-align:middle">
      <span id="spanctel">格式如：010-88888888</span>
    </td>
  </tr>
  <tr> 
    <td class="lt"> 联系地址：</td>
    <td class="rt"> 
      <input type="text" size="25" id="caddr" class="reginput" onblur="check_address(this.value);" onmousemove="showtip(this.msg,1,150)" onmouseout="showtip(this.tips,0,150)" msg="请输入负责人的联系地址"/>
      <span id="spancaddr"></span>
    </td>
  </tr>
  
</table>
<div style="padding:0px 0px 0px 0px;border-left:1px #E1E4E7 solid;border-right:1px #E1E4E7 solid;text-align:center">
  <img src="{$vd['imgurl']}{$vd['content']}images/regline1.gif" alt="" border="0"/>
</div>
<table width="100%" border="0" cellspacing="1" cellpadding="0" style="border-left:1px #E1E4E7 solid;border-right:1px #E1E4E7 solid">
  <tr> 
    <td class="lt"> </td>
    <td class="rt">
      <input type="checkbox" onclick="setable(this)" >我已看过并同意 <a href="index.php?m=mod_ykt&a=aggrement" target="_blank"><u><font color="#07067B">《{$vd['web']['webname']}会员用户服务协议》</font></u></a>
    </td>
  </tr>
</table>
<table width="100%" style="border-left:1px #E1E4E7 solid;border-right:1px #E1E4E7 solid">
  <tr> 
    <td class="lt"> </td>
    <td class="rt"> 
      <input type="hidden" id="idcard" value=""/>
      <input type="hidden" id="company" value=""/>
      <input type="hidden" id="eshop" value=""/>
      <input type="hidden" id="parentid" value="0"/>
      <input id="reg_submit" type="submit" value=" 注 册 " class="button setleft" onclick="sendinfo()" disabled/>
      <input type="reset" value=" 重 置 " class="button" onclick="reset_info()" />
      <span id="spanresult"></span>
    </td>
  </tr>
</table>
<b class="rbottom"><b class="r4"></b><b class="r3"></b></b>
<br/>
{load(foot)}
<script type="text/javascript">
  function setable(obj)
  {
    if(obj.checked)
    {
      accept_info();
    }
    else
    {
      refuse_info();
    }
  }
      
  function showtip(tips,flag,thiswidth)
  {
    /*
    pos = SelfXY();
    var mytip=document.all.tip;
    if(flag)
    {
      mytip.innerHTML     = tips;
      mytip.style.display = "";
      mytip.style.width   = thiswidth;
      mytip.style.left    = pos[0]+10;
      mytip.style.top     = pos[1]+10;
    }
    else
    {
      mytip.style.display="none";  
    }
    */
  }
  
  //获取鼠标的坐标
  function SelfXY(){
    var yScrolltop;
    var xScrollleft;
    if (self.pageYOffset || self.pageXOffset) {
        yScrolltop = self.pageYOffset;
        xScrollleft = self.pageXOffset;
    } else if (document.documentElement && document.documentElement.scrollTop || document.documentElement.scrollLeft ){      // Explorer 6 Strict
        yScrolltop = document.documentElement.scrollTop;
        xScrollleft = document.documentElement.scrollLeft;
    } else if (document.body) {// all other Explorers
        yScrolltop = document.body.scrollTop;
        xScrollleft = document.body.scrollLeft;
    }
    arrayPageScroll = new Array(xScrollleft + event.clientX ,yScrolltop + event.clientY, xScrollleft, yScrolltop) 
    return arrayPageScroll;
  }
  
  var mywebsetting = new Array(1,1,1,1,1,1,1,1);
  function set(obj)
  {
    mywebsetting[obj.value] = obj.checked ? 1 : 0;
    document.getElementById("websetting").value = implode("|", mywebsetting);
  }
  
  function implode(str, myarray)
  {
    var thisstr = "";
    for(i=0;i<myarray.length;i++)
    {
      thisstr = thisstr + myarray[i] + "|";
    }
    return thisstr;
  }
  
  function dispadv(obj)
  {
  	document.getElementById("advdiv").style.display = obj.checked ? "" : "none";
  }
</script>