﻿

function loginShow(st) {
    var StrloginHtml = "";
    StrloginHtml += "<div class=\"login_show\">";
    StrloginHtml += " <div class=\"login_title\">";
    StrloginHtml += " <ul id='loginShowDiv_title'>";
    StrloginHtml += " 	<li id='Login' class=\"login_list\" style=\"margin-left:20px;\"><span></span>Login</li>";
    StrloginHtml += "     <li id='Register' class=\"login_now\"><span></span>Register</li>";
    StrloginHtml += " </ul>";
    StrloginHtml += " <div  class=\"clear\"></div>";
    StrloginHtml += "    <div id='user_Login' class=\"login_1\">";
    StrloginHtml += "    <p class=\"login_p1\"><span class=\"color7\">Dear customer</span>,Welcome back!</p>";
    StrloginHtml += "    <p class=\"login_p2\"><label>Email address:</label><input id='LoginEmailShow' type=\"text\" /></p>";
    StrloginHtml += "     <p class=\"login_p3\"><label>Password:</label><input id='LoginPassWordShow' type=\"password\" /></p>";
    StrloginHtml += "     <p class=\"login_p4\">  <input  type=\"checkbox\"/>Remember me and automatically login.</p>";
    StrloginHtml += "     <p class=\"login_p5\"><a href=\"javascript:void(0);\" id='LoginSubmitShow'><img src=\"/images/sign_inbg1.jpg\" /></a><a href=\"#\" class=\"color8\" style=\"text-decoration:underline\">Forgot your password?</a></p>";
    StrloginHtml += "   <span style='color:red' id='loginSpanShow'></span>  ";
    StrloginHtml += "    </div>";
    StrloginHtml += "    ";
    StrloginHtml += "     <div class=\"clear\"></div>";
    StrloginHtml += "    <div id='user_Register' class=\"login_2\">";
    StrloginHtml += "    <p class=\"login_pp1\"><span class=\"color7\"></span> </p>";
    StrloginHtml += "    <p class=\"login_pp2\"><label>Email address:</label><input id='LoginEmailShow_1' type=\"text\" /></p>";
    StrloginHtml += "     <p class=\"login_pp3\"><label>Password:</label><input id='LoginPassWordShow_1' type=\"password\" /></p>";
    StrloginHtml += "      <p class=\"login_pp3\"><label>Confirm password:</label><input id='LoginConfirmShow' type=\"password\" /></p>";
    //StrloginHtml+="     <p class=\"login_pp4\">  <input  type=\"checkbox\"/>I agree to accept the <a href=\"#\" class=\"color8\" style=\"text-decoration:underline\">Terms of Use</a></p>";
    StrloginHtml += "     <p class=\"login_pp5\"><a href=\"javascript:void(0)\" id='ReginsterSubmitShow'><img src=\"/images/accout_bg1.jpg\" /></a> </p>";
    StrloginHtml += " <span id='divRegistCheckUser' style='color:red'></span>    ";
    StrloginHtml += "";
    StrloginHtml += "    </div>";
    StrloginHtml += "    </div>";
    StrloginHtml += "</div>";

    $.modal(StrloginHtml, { opacity: 40, minHeight: 230, minWidth: 300, maxHeight: 430, maxWidth: 800, focus: true, overlayClose: true, autoResize: true });

    // start

    $("#loginShowDiv_title").find("li").each(function () {
        // 绑定事件login_now   login_list
        $(this).bind({
            click: function () {
                $("#loginShowDiv_title").find(".login_now").attr("class", "login_list");
                $(this).attr("class", "login_now");
                $("#user_Login").hide();
                $("#user_Register").hide();
                $("#user_" + $(this).attr("id")).show();

            }
        });
    });

    if (st == "Register") {
        $("#loginShowDiv_title").find(".login_now").attr("class", "login_list");
        $("#Register").attr("class", "login_now");
        $("#user_Login").hide();
        $("#user_Register").show();
    }
    else {
        $("#loginShowDiv_title").find(".login_now").attr("class", "login_list");
        $("#Login").attr("class", "login_now");
        $("#user_Login").show();
        $("#user_Register").hide();
    }

    // end
    using(["validatebox", "messager"], function () {
        // -1

        $.extend($.fn.validatebox.defaults.rules, {
            PasswordConfrim: {
                validator: function (value) {
                    var inputError = true;
                    var pwd1 = $("#LoginPassWordShow_1").val();
                    var pwd2 = $("#LoginConfirmShow").val();

                    if (pwd1 != pwd2) {
                        inputError = false;
                    }
                    return inputError;
                },
                message: 'Please enter at least {0} characters.'
            }, checkboxConfirm: {
                validator: function (value) {
                    var inputError = true;
                    var pwd1 = $("#chkAgreee").attr("checked");
                    if (!pwd1) {
                        inputError = false;
                    }
                    return inputError;
                },
                message: 'Please enter at least {0} characters.'
            },
            Only: {
                validator: function (value, param) {
                    var r = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/i.test(value);
                    if (r) {
                        this.message = "Email you entered already exists, please re-enter.";
                        return r;
                    } else {
                        this.message = "Please enter a valid email address.";
                        return r;
                    }
                },
                message: 'Email you entered already exists, please re-enter'
            }
        });

        // -1
        // 登陆 start
        $("#LoginEmailShow").validatebox({ required: "true", missingMessage: "Can not be empty!", validType: "email", invalidMessage: "Please enter a valid email address." });
        $("#LoginPassWordShow").validatebox({ required: "true", missingMessage: "Can not be empty!", validType: "length[6,20]", invalidMessage: "6-20 characters in length(A-Z, a-z, 0-9) " });
        // end    

        $("#LoginEmailShow_1").validatebox({ required: "true", validType: "Only" });
        $("#LoginPassWordShow_1").validatebox({ required: "true", missingMessage: " Can not be empty ", validType: "length[6,20]", invalidMessage: "6-20 characters in length(A-Z, a-z, 0-9) " });
        $('#LoginConfirmShow').validatebox({ required: "true", missingMessage: " Can not be empty ", validType: "PasswordConfrim", invalidMessage: "please confrim password." });
        // $('#chkAgreee').validatebox({validType:"checkboxConfirm",invalidMessage:"Please tick here."});
    });

    // 绑定事件

    $("#LoginSubmitShow").bind("click", function () {

        if ($('#LoginEmailShow').validatebox("isValid") && $('#LoginPassWordShow').validatebox("isValid")) {
            $.ajax({
                type: "POST",
                url: "/ASHX/LoginSend.ashx",
                data: "loginName=" + $("#LoginEmailShow").val() + "&loginPwd=" + $("#LoginPassWordShow").val(),
                success: function (msg) {
                    if (msg == "ok") {
                        window.location.reload();
                    }
                    else {
                        $("#loginSpanShow").html("Email address or password incorrect, please try again.");
                    };
                }
            });
        }
    });



    $("#ReginsterSubmitShow").bind("click", function () {

        if ($('#LoginEmailShow_1').validatebox("isValid") && $('#LoginPassWordShow_1').validatebox("isValid") && $('#LoginConfirmShow').validatebox("isValid")) {

            $.ajax({
                type: "POST",
                url: "/ASHX/Com.ashx",
                data: "Key=" + $('#LoginEmailShow_1').val(),
                success: function (data) {
                    r = data;
                    if (r == "false") {
                        $('#divRegistCheckUser').show();
                        $('#divRegistCheckUser').html("Email you entered already exists, please re-enter.");
                        return false;
                    }
                    else {
                        $.ajax({
                            type: "POST",
                            url: "/ASHX/LoginSend.ashx",
                            data: "loginName=" + $("#LoginEmailShow_1").val() + "&loginPwd=" + $("#LoginPassWordShow_1").val() + "&type=1",
                            success: function (msg) {
                                if (msg == "ok") {
                                    window.location.reload();
                                }

                            }
                        });
                    }
                }
            });



        }
    });



}

function isOutlogin() {
    $.ajax({
        type: "POST",
        url: "/ASHX/Com.ashx",
        data: "isout=ok",
        success: function (msg) {

            window.location.reload();

        }
    });
}
           
           
