// JavaScript Document
//
//
//
//
//
//
//
TB_WIDTH = 510;
TB_HEIGHT = 220;
function ShowLoginBox() {//显示LoginBox框架+内容，
    TB_WIDTH = 510;
    DecideBrowers();
    tb_position();
    $("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>登录到关心网</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'></a></div></div>");
    $("#TB_window").show().append("<div class='mLeft'  id='loginDiv' ><table width='463' border='0' cellpadding='0' cellspacing='0'><tr><td width='87' class='userName'>用户名：<em>*</em></td><td class='changeBG' width='329' height='50'><div class='inUser'><input type='text' name='userName' id='txtUserName' /></div></td><td width='47'><div class='error errorTt'></div></td></tr><tr><td class='userPsw'>密码：<em>*</em></td><td class='changeBG' height='50' ><div class='inPsw'><input type='password' name='userPwd' id='txtUserPwd' /></div></td><td><div class='error errorPw'></div></td></tr><tr><td>&nbsp;</td><td height='20' valign='top'> <div class='newCheck'><input name='nc' type='checkbox' value='' /><label class='rut'>保留我的信息</label></div><div class='getUser'><a href='#'>没有账号</a> 或者 <a href='http://passport.guanxin.com/User/GetUserName'>忘记密码？</a></div></td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td height='50' valign='middle'><input class='LoginDo' type='button' value='登 录' onclick='IsLogin()' /></td><td>&nbsp;</td></tr></table><div class='erroes'><dl></dl><dd><a href='javascript:;'>&nbsp;</a></dd></div></div>");
    $(".erroes").hide();
    InitEvent();
    $(".getUser>a").eq(0).click(showRegContent);
    $("#TB_closeWindowButton").click(tb_remove);
};

function showRegContent() {
    $("#TB_window").children().remove();
    TB_WIDTH = 750;
    TB_HEIGHT = 470;
    DecideBrowers();
    tb_position();
    $("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>加入到关心网</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'></a></div></div>");
    $("#TB_window").show().append("<div class='reg'><div class='erroes'><dl id='errorInfo'></dl><dd><a href='javascript:;'>&nbsp;</a></dd></div><table width='640'><tr><td width='108' height='50' align='left' valign='middle'> 邮箱:<em>*</em></td><td width='340' ><div class='inUser'><input type='text' name='userEmail' id='txtUserEmail' /></div></td><td width='192' align='left' valign='middle'><div class='error userEmail'><dd class='tishi'>请输入邮箱</dd><dd class='nulls'>请输入邮箱</dd><dd class='spanError'>邮箱格式不正确</dd></div></td></tr><tr><td width='108' align='left' valign='middle'></td><td width='324' ><input name='nc' type='checkbox' value='' id='em' /><label class='rut'>选择此处如果你想收到邮件提示</label></td><td align='left' valign='middle'></td></tr><tr><td width='108' height='50' align='left' valign='top'><br /> 用户名:<em>*</em></td><td width='324' ><br /><div class='inUser'><input type='text' name='userName' id='txtUserName' /></div><br /><label class=\"tsspan\">不超过8个汉字，或16个字节(数字，字母和下划线)</label></td><td align='left' valign='top'><br /><div class='error userName'><dd class='tishi'>请输入用户名</dd><dd class='nulls'>请输入用户名</dd><dd class='spanError'>不超过8个汉字，或16个字节(数字，字母和下划线)</dd></div></td></tr><tr><td width='108' height='50' align='left' valign='middle'> 密码:<em>*</em></td><td width='324' ><div class='inUser'><input type='password' name='userPass' id='txtUserPass' /></div></td><td align='left' valign='middle'><div class='error userPwd1'><dd class='tishi'>请输入密码</dd><dd class='nulls'>请输入密码</dd><dd class='spanError'>请将密码控制在6-16个字符内</dd></div></td></tr><tr><td width='108' height='50' align='left' valign='middle'> 再次输入密码:<em>*</em></td><td width='324' ><div class='inUser'><input type='password' name='confirmPwd' id='txtConfirmPwd' /></div></td><td align='left' valign='middle'><div class='error userPwd2'><dd class='tishi'>请再次输入密码</dd><dd class='nulls'>请再次输入密码</dd><dd class='spanError'>两次输入密码不一致</dd></div></td></tr><tr><td width='108' height='50' align='left' valign='middle'> 输入验证码:<em>*</em></td><td width='324' ><div class='inUser'><input type='text' name='checkCode' id='txtCheckCode'  /></div></td><td align='left' valign='middle'><div class='error userYz'><dd class='tishi'>请输入验证码</dd><dd class='nulls'>请输入验证码</dd><dd class='spanError'>你输入的验证码好像不对哦</dd></div></td></tr><tr><td width='108' height='50' align='left' valign='middle'></td><td width='324' > 验证码 <img alt=\"看不清楚?换一张\" src=\"/ValidateCode.aspx\" style=\"cursor: pointer;\" onclick=\"this.src='/ValidateCode.aspx?update=' + Math.random()\" /></td><td align='left' valign='middle'></td></tr><tr><td width='108' align='left' valign='middle'></td><td class='tdLink' width='324' ><input name='nc' type='checkbox' value='' id='chcIsAgree' /><label class='rut' for='chcIsAgree'>我已经阅读并同意关心网的</label><a href='http://faq.guanxin.com/Company/TermService.aspx' target=\"_blank\"  >服务条款</a> 和 <a href='http://faq.guanxin.com/Company/PrivacyStatement.aspx' target=\"_blank\"  >隐私权政策</a><em>*</em></td><td align='left' valign='middle'></td></tr><tr><td width='108' height='70' align='left' valign='middle'></td><td width='324' ><input type='submit' class='regbutton' value='同意并提交' id='btnReg' /></td><td align='left' valign='middle'></td></tr></table></div>");
    checkReg();
    checkboxs();
    regInfo();
    $("#TB_closeWindowButton").click(tb_remove);
}



function AddcartSuccess(ProductCode, intNumber) {
    DecideBrowers();
    tb_position();
    $("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>加入购物车</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'></a></div></div>");
    $("#TB_window").show().append("<iframe frameborder=\"0\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"  src=\"/ShopCart/Details?ProductCode=" + ProductCode + "&Number=" + intNumber + "\" width=\"510\" height=\"180\" ></iframe>");
    $("#TB_closeWindowButton").click(tb_remove);
};

function ChangeContent(ProductCode, intNumber) {
    $("#TB_window").children().remove();
    $("#TB_window").append("<iframe frameborder=\"0\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"  src=\"/ShopCart/Details?ProductCode=" + ProductCode + "&Number=" + intNumber + "\" width=\"510\" height=\"180\" ></iframe>");
};


var a = b = 1;
function InitEvent() {
    $(".erroes").hide()
    //设置关闭按钮
    $(".erroes dd").click(function() {
        $(".erroes").hide()
    });
    //初始化登录按钮
    $(".LoginDo").attr("disabled", true);
    //验证信息
    $("input[name='userName'],input[name='userPwd']").each(function() {
        $(this).focusin(function() {
            if (this.id == "txtUserName") {
                $(".username_title").css({ "top": $(this).offset().top + 20, "left": $(this).offset().left + 50 })
            } else {
                $(".userpwd_title").css({ "top": $(this).offset().top + 20, "left": $(this).offset().left + 50 })
            }
            $(this).css({ "border": "1px solid #006EE9" })
            $(this).css({ "color": "#000" })
        });
        $(this).keydown(function() {
            if (this.id == "txtUserName") {
                $(".username_title").css({ "top": "-99999px", "left": "-99999px" })
                if ($(this).attr("value") != "") {
                    $(this).riglts(this, "errorTt", "none", "0px 0px", "#000");
                    a = 0;
                } else {
                    $(this).riglts(this, "errorTt", "none", "0px 23px", "#000");
                    a = 1;
                }
            } else {
                $(".userpwd_title").css({ "top": "-99999px", "left": "-99999px" })
                if ($(this).attr("value") != "") {
                    $(this).riglts(this, "errorPw", "none", "0px 0px", "#000");
                    b = 0;
                } else {
                    $(this).riglts(this, "errorPw", "none", "0px 23px", "#000");
                    b = 1;
                }
            }
            $(this).css({ "border": "1px" })
            $(this).css({ "color": "#000" })
            $(this).Disabled();
        });
    });
    $.fn.error = function(obj, Class, Border, Style, Color, Error) {
        $(obj).css({ "border": Border })
        $(obj).css({ "color": Color })
        $("." + Class).css({ "background-position": Style })
        $(".erroes").show(200)
        $(".erroes dl").html(Error)
    }
    $.fn.riglts = function(obj, Class, Border, Style, Color, Error) {
        $(obj).css({ "border": Border })
        $(obj).css({ "color": Color })
        $("." + Class).css({ "background-position": Style })
        $(".erroes").hide(200)
        $(".erroes dl").html(Error)
    }
    $.fn.Disabled = function() {
        if ((a + b) == "0") {
            $(".LoginDo").attr("disabled", false);
            $(".LoginDo").css({ "color": "#706B6B" })
        } else {
            $(".LoginDo").attr("disabled", true);
        }
    }
    $("input[name='nc'] + label").each(function() {
        if ($(this).prev()[0].checked)
        { $(this).addClass("chked"); }
    })
        .hover(
            function() { $(this).addClass("mOver"); },
            function() { $(this).removeClass("mOver"); }
            )
        .toggle(function()  /*不能 click，不然checked无法回到unchecked*/
        {
            $(this).prev()[0].checked = true;
            $(this).addClass("chked");
        },
            function() {
                $(this).prev()[0].checked = false;
                $(this).removeClass("chked").removeClass("mOver");
            })
            .prev()
            .hide();
};




function checkReg() {
    //初始化
    $(".error").hide();
    $(".error dd").hide();
    $(".regbutton").attr("disabled", true)


    $(".rut").eq(1).toggle(function() {
        $(".regbutton").attr("disabled", "")
    }, function() {
        $(".regbutton").attr("disabled", true)
    })

    $(":text,:password").focusin(function() {
        $(this).css({ "border": "#0000FF 1px solid" })
    })
    $(":text,:password").focusout(function() {
        $(this).css({ "border": "#c6c6c6 1px solid" })
    })

    //验证email
    $(":input[name='userEmail']").focusin(function() {
        backmessage(".error .tishi", 0)
    })
    $(":input[name='userEmail']").keyup(function() {
        if (/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($(this).val()) == false) {
            backmessage(".error .spanError", 0)
        } else {
            backmessage(1, 0)
        }
    })
    $(":input[name='userEmail']").focusout(function() {
        if (/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($(this).val()) == false) {
            backmessage(".error .spanError", 0)
        } else {
            backmessage(1, 0)
        }
    })
    //用户名
    var pattern = /^[A-Za-z0-9_\u4e00-\u9fa5]+$/;
    $(":input[name='userName']").focusin(function() {
        backmessage(".error .tishi", 1)
    })
    $(":input[name='userName']").keyup(function() {
        if ($(this).val().length == 0 || !pattern.test($(this).val())) { // 空 || 字符不合法
            backmessage(".error .spanError", 1, "用户名含非法字符")
        }
        else {
            var byteLength = ($(this).val()).replace(/[^\x00-\xff]/g, "aa").length;
            if (byteLength < 1 || byteLength > 16) {    // 字符长度不合法
                backmessage(".error .spanError", 1, "请将用户名控制在16个字符内！")
            }
            else {
                backmessage(1, 1);
            }
        }
    })
    $(":input[name='userName']").focusout(function() {
        if ($(this).val().length == 0 || !pattern.test($(this).val())) { // 空 || 字符不合法
            backmessage(".error .spanError", 1)
        }
        else {
            var byteLength = ($(this).val()).replace(/[^\x00-\xff]/g, "aa").length;
            if (byteLength < 1 || byteLength > 16) {    // 字符长度不合法
                backmessage(".error .spanError", 1)
            }
            else {
                backmessage(1, 1);
            }
        }
    })
    //验证密码-首次
    $(":input[name='userPass']").focusin(function() {
        backmessage(".error .tishi", 2)
    })
    $(":input[name='userPass']").keyup(function() {
        if ($(":input[name='confirmPwd']").val().length != 0 && $(":input[name='confirmPwd']").val() != $(this).val()) {//判断两次输入密码是否一致
            backmessage(1, 2)
            backmessage(".error .spanError", 3)

        } else if ($(":input[name='confirmPwd']").val() == $(this).val()) {
            backmessage(1, 3)
        } else if ($(this).val().length < 6 || $(this).val().length > 16) {//判断密码是否符合标准
            backmessage(".error .spanError", 2)
        } else {
            backmessage(1, 2)
        }
    })
    $(":input[name='userPass']").focusout(function() {
        if ($(":input[name='confirmPwd']").val().length != 0 && $(":input[name='confirmPwd']").val() != $(this).val()) {//判断两次输入密码是否一致
            backmessage(".error .spanError", 3)
        } else if ($(this).val().length < 6 || $(this).val().length > 16) {//判断密码是否符合标准
            backmessage(".error .spanError", 2)
        } else if ($(":input[name='confirmPwd']").val() == $(this).val()) {
            backmessage(1, 3)
        } else {
            backmessage(1, 2)
        }
    })
    //验证密码-再次
    $(":input[name='confirmPwd']").focusin(function() {
        backmessage(".error .tishi", 3)
    })
    $(":input[name='confirmPwd']").keyup(function() {
        if ($(this).val().length > 5 && $(this).val().length < 17 && $(":input[name='userPass']").val() == $(this).val()) {
            backmessage(1, 3)
        } else {
            backmessage(".error .spanError", 3)
        }
    })
    $(":input[name='confirmPwd']").focusout(function() {
        if ($(this).val().length > 5 && $(this).val().length < 17 && $(":input[name='userPass']").val() == $(this).val()) {
            backmessage(1, 3)
        } else {
            backmessage(".error .spanError", 3)
        }
    })
    //验证验证码
    $(":input[name='checkCode']").focusin(function() {
        backmessage(".error .tishi", 4)
    })
    $(":input[name='checkCode']").keyup(function() {
        if ($(this).val().length != 4) {
            backmessage(".error .spanError", 4)
        } else {
            backmessage(1, 4)
        }
    })
    $(":input[name='checkCode']").focusout(function() {
        if ($(this).val().length != 4) {
            backmessage(".error .spanError", 4)
        } else {
            backmessage(1, 4)
        }
    })
}

function backmessage(obj, num,str) {
    $(".error").eq(num).show();
    $(".error:eq(" + num + ") dd").hide();
    if (obj == 1) {
        $(".error").eq(num).css({ "background-position": "0 0" });
    } else if (obj == ".error .tishi") {
        $(".error").eq(num).css({ "background-position": "0 55px" });
        $(obj).eq(num).show();
    } else {
        $(".error").eq(num).css({ "background-position": "0 -27px" });
        $(obj).eq(num).show().html(str);
    }
}
//验证内容结束
//checkbox
function checkboxs() {
    $("input[name='nc'] + label").each(function() {
        if ($(this).prev()[0].checked)
        { $(this).addClass("chked"); }
    })
        .hover(
            function() { $(this).addClass("mOver"); },
            function() { $(this).removeClass("mOver"); }
            )
        .toggle(function()  /*不能 click，不然checked无法回到unchecked*/
        {
            $(this).prev()[0].checked = true;
            $(this).addClass("chked");
        },
            function() {
                $(this).prev()[0].checked = false;
                $(this).removeClass("chked").removeClass("mOver");
            })
            .prev()
            .hide();
}


$.fn.yzpassword = function() {
    $(":password").each(function(i) {
    })
	.focusin(function() {
	    $(this).css({ "border": "1px solid #006EE9" })
	    $(this).css({ "color": "#000" })
	    //$(".error").css({"background-position":"0px 25px"})
	    //$(".error dd").hide();

	    if (this.id == "txtUserPass") {
	        $(this).error(this, ".userPwd1", ".userPwd1 .tishi", "#006EE9", "0 27px", "#000")
	        //$(".userPwd1 .tishi").show();
	    }
	    if (this.id == "txtConfirmPwd") {
	        $(this).error(this, ".userPwd2", ".userPwd2 .tishi", "#006EE9", "0 27px", "#000")
	        //$(".userPwd2 .tishi").show();
	    }
	})
	.focusout(function() {
	    $(this).inputs()
	    $(this).css({ "border": "1px solid #c6c6c6" })
	    //$(".error dd").hide();
	    if (this.id == "txtUserPass") {
	        if ($(this).val() != "") {
	            if ($(this).val().length < 6 || $(this).val().length > 16) {
	                $(this).error(this, ".userPwd1", ".userPwd1 .spanError", "red", "0 -25px", "red")
	                d = 1
	            } else if ($(this).val() != $("#txtConfirmPwd").val() && $("#txtConfirmPwd").val() != "") {
	                $(this).error("#txtConfirmPwd", ".userPwd2", ".userPwd2 .spanError", "red", "0 -25px", "red")
	                $(this).right(".userPwd1", "#txtUserPass")
	                d = 0
	            } else if ($(this).val() == $("#txtConfirmPwd").val() && $("#txtConfirmPwd").val() != "") {
	                $(this).right(".userPwd2", "#txtConfirmPwd")
	                $(this).right(".userPwd1", "#txtUserPass")
	                d = 0
	            } else {
	                $(this).right(".userPwd1")
	                d = 0
	            }
	        } else {
	            $(this).error("", ".userPwd1", ".userPwd1 .nulls", "none", "0 27px", "#000")
	        }
	    }

	    if (this.id == "txtConfirmPwd") {
	        if ($(this).val() != "") {
	            if ($(this).val().length < 6 || $(this).val().length > 16) {
	                $(this).error(this, ".userPwd2", ".userPwd2 .spanError", "red", "0 -25px", "red")
	                e = 1
	            } else if ($(this).val() != $("#txtUserPass").val()) {
	                $(this).error(this, ".userPwd2", ".userPwd2 .spanError", "red", "0 -25px", "red")
	                e = 1
	            } else {
	                $(this).right(".userPwd2")
	                e = 0;
	            }
	        } else {
	            $(this).error("", ".userPwd2", ".userPwd2 .nulls", "none", "0 27px", "#000")
	        }
	    }
	    $(this).inputs();
	});
}
$.fn.error = function(obj, Class, Class1, Color, Str, Colors) {
    $(Class).css({ "background-position": Str })
    $(obj).css({ "border": "1px solid " + Color })
    //$(obj).css({ "background-color": "#FEECEC"})
    $(Class + " dd").hide();
    $(Class1).show();
    $(obj).css({ "color": Colors })
}
$.fn.right = function(obj, id) {
    $(obj).css({ "background-position": "0px 0px" })
    $(id).css({ "border": "1px solid #c6c6c6" })
    $(id).css({ "color": "#000" })
    $(obj + " dd").hide();

}

jQuery.fn.cssCheckBox = function() {
    $(":input[type=checkbox] + label").each(function() {
        if ($(this).prev()[0].checked)
        { $(this).addClass("chked"); }
    })
        .hover(
            function() { $(this).addClass("mOver"); },
            function() { $(this).removeClass("mOver"); }
            )
        .toggle(function()  /*不能 click，不然checked无法回到unchecked*/
        {

            $(this).prev()[0].checked = true;
            $(this).addClass("chked");
            if ($("#chcIsAgree").attr("checked")) {
                f = 0
            }
            $(this).inputs()
        },
            function() {
                $(this).prev()[0].checked = false;
                $(this).removeClass("chked").removeClass("mOver");
                if (!$("#chcIsAgree").attr("checked")) {
                    f = 1
                }
                $(this).inputs()
            })
            .prev()
            .hide();
}
jQuery.fn.inputs = function() {
    if ((f) == 0) {
        $(".regbutton").attr("disabled", false);
        $(".regbutton").mouseover(function() {
            $(this).addClass("hover_reg");
        })
        $(".regbutton").mouseout(function() {
            $(this).removeClass("hover_reg");
        })
    } else {
        $(".regbutton").attr("disabled", true);
    }
}