function Login(redir) {
    LoginBox(redir);
}

function Register(redir) {
    RegisterBox(redir);
}

function About(redir){
   AboutBox(redir);
}


/* ===== 悬浮框 Bigin ===== */
var isIe = (document.all) ? true : false;
//设置select的可见状态 
function setSelectState(state) {
    var objl = document.getElementsByTagName('select');
    for (var i = 0; i < objl.length; i++) {
        objl[i].style.visibility = state;
    }
}

//弹出方法 
function showMessageBox(wTitle, content, wWidth) {
    closeWindow();
    var bWidth = parseInt(document.documentElement.scrollWidth);
    var bHeight = parseInt(document.documentElement.scrollHeight);
    if (isIe) {
        setSelectState('hidden');
    }
    var back = document.createElement("div");
    back.id = "back";
    var styleStr = "top:0px;left:0px;position:absolute;background:#666;width:" + bWidth + "px;height:" + bHeight + "px;";
    styleStr += (isIe) ? "filter:alpha(opacity=0);" : "opacity:0;";
    back.style.cssText = styleStr;
    document.body.appendChild(back);
    showBackground(back, 50);
    var mesW = document.createElement("div");
    mesW.id = "mesWindow";
    mesW.className = "mesWindow";
    var divcontent = "<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>" + wTitle + "</td>"
    divcontent += "<td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div>"
    divcontent += "<div class='mesWindowContent' id='mesWindowContent'>" + content + "</div><div class='mesWindowBottom'></div>";
    mesW.innerHTML = divcontent;
    var left = parseInt(document.documentElement.clientWidth / 2 + document.documentElement.scrollLeft - 180);
    var top = 175;
    //var top = parseInt(document.documentElement.clientHeight / 2 + document.documentElement.scrollTop - 200);
    styleStr = "left:" + left + "px;top:" + top + "px;position:absolute;width:" + wWidth + "px;";
    mesW.style.cssText = styleStr;
    document.body.appendChild(mesW);
}
//让背景渐渐变暗 
function showBackground(obj, endInt) {
    if (isIe) {
        obj.filters.alpha.opacity += 2;
        if (obj.filters.alpha.opacity < endInt) {
            setTimeout(function() { showBackground(obj, endInt) }, 5);
        }
    } else {
        var al = parseFloat(obj.style.opacity);
        al += 0.2;
        obj.style.opacity = al;
        if (al < (endInt / 100))
        { setTimeout(function() { showBackground(obj, endInt) }, 5); }
    }
}
//关闭窗口 
function closeWindow() {
    if (document.getElementById('back') != null) {
        document.getElementById('back').parentNode.removeChild(document.getElementById('back'));
    }
    if (document.getElementById('mesWindow') != null) {
        document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));
    }

    if (isIe) {
        setSelectState('');
    }
}
//登录框 
function LoginBox(ev) {
    messContent = "<div style='padding:23px 0 23px 0;text-align:center'>"
    messContent += "<table width='90%' border='0' cellspacing='0' cellpadding='0'>"
    messContent += "<tr align='left'><td height='36'>会员卡号：</td><td><input id='UserName' name='UserName' type='text' class='input_textbox' value='' onkeydown='EnterKey(1)' /></td><td style='color:gray;'></td></tr>"
    messContent += "<tr align='left'><td height='36'>您的密码：</td><td><input id='PassWord' name='PassWord' type='password' class='input_textbox'value='' onkeydown='EnterKey(1)'/></td><td style='color:gray;'>忘记密码？</td></tr>"
    messContent += "<tr align='left'><td height='36'>验 证 码：</td><td><input id='Validate' name='Validate' type='text' class='input_textbox' onkeydown='EnterKey(1)'/></td><td><img id='ValidateImg' src='ValidateImg.aspx' onclick='showimg(this);' style='cursor:pointer' alt='看不清楚?换一张' /></td></tr>"
    messContent += "<tr align='left'><td height='36'>&nbsp;</td><td><img src='images/btn_login.jpg' style='cursor:pointer' onclick='ValidateLogon();'/></td><td><a href='#' onclick='About(0);' class='link1'>开通会员密码</a></td></tr>";
    messContent += "</table></div>"
    showMessageBox('会员登录', messContent, 350);
}

//注册框
function RegisterBox(ev) {
    messContent = "<div style='padding:20px 0 20px 0;text-align:center'>"
    messContent += "<table width='90%' border='0' cellspacing='0' cellpadding='0'>"
    messContent += "<tr align='left'><td height='36'>注册账号：</td><td><input id='RegUserName' name='RegUserName' type='text' class='input_textbox' value='' onkeydown='EnterKey(2)'/></td><td style='color:gray;'> 5至14个字符</td></tr>"
    messContent += "<tr align='left'><td height='36'>您的密码：</td><td><input id='RegPsw' name='RegPsw' type='password' class='input_textbox'value='' onkeydown='EnterKey(2)'/></td><td style='color:gray;'>至少6位数</td></tr>"
    messContent += "<tr align='left'><td height='36'>确认密码：</td><td><input id='RegCheckPsw' name='RegCheckPsw' type='password' class='input_textbox'value='' onkeydown='EnterKey(2)'/></td><td></td></tr>"
    messContent += "<tr align='left'><td height='36'>您的姓名：</td><td><span style='color:gray;'>姓</span>&nbsp;<input id='RegLastName' name='RegLastName' type='text' class='input_textbox'value='' style='width:40px;' onkeydown='EnterKey(2)'/>&nbsp;"
    messContent += "<span style='color:gray;'>名</span>&nbsp;<input id='RegFrtName' name='RegFrtName' type='text' class='input_textbox'value='' style='width:40px;' onkeydown='EnterKey(2)'/></td><td style='color:gray;'> 如：张&nbsp;&nbsp;&nbsp;三</td></tr>"
    messContent += "<tr align='left'><td height='36'>您的性别：</td><td><span style='color:gray;'>先生</span><input id='RegSex' name='RegSex' type='radio' value='先生' onkeydown='EnterKey(2)'/>&nbsp;&nbsp;&nbsp;";
    messContent += "<span style='color:gray;'>女士</span><input id='RegSex2' name='RegSex' type='radio' value='女士' /></td><td></td></tr>"
    messContent += "<tr align='left'><td height='36'>E-Mail：</td><td><input id='RegEmail' name='RegEmail' type='text' class='input_textbox'value='' onkeydown='EnterKey(2)'/></td><td></td></tr>"
    messContent += "<tr align='left'><td height='36'>联系手机：</td><td><input id='RegMobile' name='RegMobile' type='text' class='input_textbox'value='' onkeydown='EnterKey(2)'/></td><td></td></tr>"
    messContent += "<tr align='left'><td height='36'>验 证 码：</td><td><input id='RegValidate' name='RegValidate' type='text' class='input_textbox' onkeydown='EnterKey(2)'/></td><td><img id='ValidateImg' src='ValidateImg.aspx' onclick='showimg(this);' style='cursor:pointer' alt='看不清楚?换一张' /></td></tr>"
    messContent += "<tr align='left'><td height='36'>&nbsp;</td><td><img src='images/btn_register.jpg' style='cursor:pointer' onclick='ValidateRegister();'/></td><td><a href='#' onclick='Login(0);' class='link1'>进行登录</a></td></tr>";
    messContent += "</table></div>"
    showMessageBox('用户注册', messContent, 350);
}

//会员开通说明框
function AboutBox(ev) {
messContent = "<div style='padding:20px 0 20px 0;text-align:center'>"
messContent += "<table width='90%' border='0' cellspacing='0' cellpadding='0'>"
messContent += "<tr align='left'><td height='36'>亲爱的用户，欢迎您来到上海环友假期公司网站！如果您已经是本公司会员，请致电您的客服专员为您开通会员卡密码进行网站登录！</td></tr>"
messContent += "</table></div>"
showMessageBox('会员登录开通说明', messContent, 380);
}


function EnterKey(n) {
    if (event.keyCode == 13) {
        if (n == 1)
            ValidateLogon();
        else if (n == 2)
            ValidateRegister();
    }
}

//会员卡号必须是数字
function IsNum(num){
      var reNum=/^\d*$/;
      return(reNum.test(num));
    }

//登录验证
function ValidateLogon() {
    var loginname = document.getElementById("UserName");
    var password = document.getElementById("PassWord");
    var validatenum = document.getElementById("Validate");

    if(!IsNum(loginname.value)){
          alert("会员卡号输入有误!")
          loginname.focus(); 
          return false;
          }
    if(!IsNum(password.value)){
          alert("密码输入有误!")
          loginname.focus(); 
          return false;
          }
    if (loginname.value == "") {
        alert("请输入会员卡号！");
        loginname.focus();
        return false;
        
    }
    if (password.value == "") {
        alert("请输入您的会员卡密码！");
        password.focus();
        return false;
    }
    if (validatenum.value == "") {
        alert("请输入验证码！");
        validatenum.focus();
        return false;
    }
    
   
    if (window.ActiveXObject) { //判断浏览器是否支持ActiveX控件 
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");// 通过实例化ActiveXObject的一个新实例来创建XMLHTTPRequest对象
    } 
    else if (window.XMLHttpRequest) {//判断是否把XMLHTTPRequest实现为一个本地javascript对象
        xmlHttp = new XMLHttpRequest();//创建XMLHTTPRequest的一个实例（本地javascript对象）

    }

    if (xmlHttp != null) {
        xmlHttp.onreadystatechange = LoginData;
        xmlHttp.Open("GET", "ValidateLogin.aspx?card=" + loginname.value + "&password=" + password.value + "&num=" + validatenum.value, true);
        xmlHttp.Send();
    }
    else {
        alert("你的浏览器不支持此登录方式，点击确定后跳转到登录页面！");
        window.location.href='login.aspx';
    }
}
function LoginData() {
    if (xmlHttp.readystate == 4) {
        if (xmlHttp.status == 200) {
            var text = xmlHttp.responseText;
            if (text == "0") {
                alert("验证码输入错误!");
                document.getElementById("Validate").focus();
                return false;
            }
            else if (text == "1") {
                alert("会员卡号和密码不符,请重新输入!");
                document.getElementById("PassWord").value = '';
                document.getElementById("PassWord").focus();
                return false;
            }
            else if (text == "2") {
                window.location.href = "Member_Center/Member_index.aspx";
            }
            
        }
    }
}

//注册验证
function ValidateRegister() {
    var regname = document.getElementById("RegUserName");
    var regpsw = document.getElementById("RegPsw");
    var checkpsw = document.getElementById("RegCheckPsw");
    var lastname = document.getElementById("RegLastName");
    var firstname = document.getElementById("RegFrtName");
    var regsex = document.getElementById("RegSex");
    var regsex2 = document.getElementById("RegSex2");
    var regemail = document.getElementById("RegEmail");
    var regmobile = document.getElementById("RegMobile");
    var validatenum = document.getElementById("RegValidate");


    if (regname.value == "") {
        alert("请输入注册账号！");
        regname.focus();
    } else if (regname.value.length < 5) {
        alert("注册账号至少5个字符！");
        regname.focus();
    } else if (regname.value.length > 14) {
        alert("注册账号最多14个字符！");
        regname.focus();
    } else if (regpsw.value == "") {
        alert("请输入密码！");
        regpsw.focus();
    } else if (regpsw.value.length < 6) {
        alert("密码不可以小于6位数！");
        regpsw.focus();
    } else if (checkpsw.value == "") {
        alert("请输入确认密码！");
        checkpsw.focus();
    } else if (regpsw.value != checkpsw.value) {
        alert("两次输入的密码不符合！");
        checkpsw.value = '';
        checkpsw.focus();
    } else if (lastname.value == "") {
        alert("请输入的姓名！");
        lastname.focus();
    } else if (firstname.value == "") {
        alert("请输入完整的姓名！");
        firstname.focus();
    } else if (!(regsex.checked == true || regsex2.checked == true)) {
        alert("请选择性别！");
        regsex.focus();
    } else if (regemail.value == "") {
        alert("请输入E-mail！");
        regemail.focus();
    } else if (regemail.value.indexOf('@') < 0) {
        alert("E-mail填写有误，请认真填写！");
        regemail.focus();
    } else if (regmobile.value == "") {
        alert("请输入手机号码！");
        regmobile.focus();
    } else if (regmobile.value.length != 11) {
        alert("手机号码填写错误，请认真填写！");
        regmobile.focus();
    } else if (validatenum.value == "") {
        alert("请输入验证码！");
        validatenum.focus();
    }
    else {
        if (window.ActiveXObject) {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        } else if (window.XMLHttpRequest) {
            xmlHttp = new XMLHttpRequest();
        }

        if (xmlHttp != null) {
            xmlHttp.onreadystatechange = RegData;
            if(regsex.checked == true)
            {
                xmlHttp.Open("POST", "ValidateReg.aspx?regname=" + regname.value + "&regpsw=" + regpsw.value + "&lastname=" + lastname.value + "&firstname=" + firstname.value + "&regsex=" + regsex.value + "&regmobile=" + regmobile.value + "&regemail=" + regemail.value + "&num=" + validatenum.value, true);
            }
            else if(regsex2.checked == true)
            {
                xmlHttp.Open("POST", "ValidateReg.aspx?regname=" + regname.value + "&regpsw=" + regpsw.value + "&lastname=" + lastname.value + "&firstname=" + firstname.value + "&regsex=" + regsex2.value + "&regmobile=" + regmobile.value + "&regemail=" + regemail.value + "&num=" + validatenum.value, true);
            }
            else
            {
                xmlHttp.Open("POST", "ValidateReg.aspx?regname=" + regname.value + "&regpsw=" + regpsw.value + "&lastname=" + lastname.value + "&firstname=" + firstname.value + "&regsex=" + regsex.value + "&regmobile=" + regmobile.value + "&regemail=" + regemail.value + "&num=" + validatenum.value, true);
            }
            
            xmlHttp.Send();
        }
        else {
            alert("你的浏览器不支持此登录方式，点击确定后跳转到登录页面！");
            window.location.reload();
        }
    }
}

function RegData() {
    if (xmlHttp.readystate == 4) {
        if (xmlHttp.status == 200) {
            var text = xmlHttp.responseText;
            if (text == "0") {
                alert("验证码输入错误!");
                return false;
            }
            else if (text == "1") {
                alert("账号已被注册,请重新填写!");
                document.getElementById("RegUserName").focus();
                return false;
            }
            else if (text == "2") {
                alert("注册成功!您可进行登录!");
                Login(0);
            }
        }
    }
}



function showimg(im) { im.src = "ValidateImg.aspx?" + new Date; }


/* ===== 悬浮框 End ===== */

//首页TabPanel
function secBoard(n) {
    var secTable = document.getElementById("secTable");
    var mainTable = document.getElementById("mainTable");
    for (i = 0; i < secTable.rows[0].cells.length; i++)
        secTable.rows[0].cells[i].className = "sec1";
    secTable.rows[0].cells[n].className = "sec2";
    for (i = 0; i < mainTable.tBodies.length; i++)
        mainTable.tBodies[i].style.display = "none";
    mainTable.tBodies[n].style.display = "";
}