var logonWidth=595;
var logonHeight=254;

$(document).ready(function(){
    $(document).click(function(e){
        if($("#LogonArea").length==0) return;        
        var isClickDiv = false;
        if($.browser.mozilla){
            if(e.originalTarget!=null){
                if(e.originalTarget.id=="LogonArea") isClickDiv = true;
                if(ContrastChildTarget($("#LogonArea").children(),e.originalTarget)) isClickDiv = true;
            }
        }
        else{
            if (e.target) targ = e.target
            else if (e.srcElement) targ = e.srcElement
            if (targ.nodeType == 3) 
            targ = targ.parentNode
            if(targ!=null){
                if(targ.id=="LogonArea") isClickDiv = true;
                if(ContrastChildTarget($("#LogonArea").children(),targ)) isClickDiv = true;
            }
        }
        if(!isClickDiv) logon_remove();
    });
    $(document).keydown(function(event){
        if(event.keyCode==27) {
            if($("#LogonArea").length==0) return;
            logon_remove();
        }
    });
    $(window).resize(function(){
        logon_SetPoint2();
    });
    $(window).scroll(function(){
        logon_SetPoint2();
    });
    $("#btnTopLogon").click(function(e){
        ea = e;
        _UserLogin(ea,'window.location.href = window.location.href ;');
        return false;
    });
    $("#btnTopReg").click(function(e){
        ea = e;
        _UserLogin(ea,'window.location.href = window.location.href ;');
        return false;
    });
    
    if($("#needInputUserBase").attr("class") == "1")
    {
        InputBase_Show();
    }
});

function InputBase_Show()
{
    if($("#LogonArea").length!=0) return;
    $("body").append("<div id='LogonArea' style='width:"+logonWidth+"px;height:"+logonHeight+"px;position:absolute;display:none;background-color:#ffffff;z-index:999;'></div>");
    $("#LogonArea").append(InputBaseStr);
    logon_SetPoint2();
    $("#LogonArea").show();

    $("#btnLaterInput").click(function(e){
        logon_remove();
        return false;
    });
}

function _UserLogin(ea,obj)
{
    V3.ID.BAGASite.WService.LogonService.CheckUserLogon(function(result){
        if(result == 0){logon_show(ea,obj);}
        else{eval(obj);}},function(){}); 
}

function logon_show(e,obj)
{
    if($("#LogonArea").length!=0) return;
    $("body").append("<div id='LogonArea' style='width:"+logonWidth+"px;height:"+logonHeight+"px;position:absolute;display:none;background-color:#ffffff;z-index:999;'></div>");
    $("#LogonArea").append(LogonStr);
    logon_SetPoint(e);
    $("#LogonArea").show();

    $("#btnRegUser").click(function() {
        var redxieyi = $("#chkReadXieyi").attr("checked");
        if (!redxieyi) {
            alert("请您阅读注册协议！");
            return false;
        }
        var regaccountEmail = $("#regAccountEmail").val();
        var regpassword = $("#regAccountPass").val();
        var regcheckcode = $("#regCheckCode").val();
        var regrptpassword = $("#regAccountRePass").val();

        if (regcheckcode.replace(/(^\s*)|(\s*$)/g, "") == "") {
            alert("验证码不能为空！");
            return false;
        }

        if (regaccountEmail.replace(/(^\s*)|(\s*$)/g, "") == "" ||
        regpassword.replace(/(^\s*)|(\s*$)/g, "") == "" ||
        regrptpassword.replace(/(^\s*)|(\s*$)/g, "") == "") {
            alert("您输入的注册信息不能为空！");
            return false;
        }

        if (regpassword.replace(/(^\s*)|(\s*$)/g, "") != regrptpassword.replace(/(^\s*)|(\s*$)/g, "")) {
            alert("您输入的2次密码不一致！");
            return false;
        }

        $("#LogonArea").empty();
        $("#LogonArea").append(DoingStr);
        $(".green14_cuo").text("正在注册新用户......");

        V3.ID.BAGASite.WService.LogonService.RegUser(regaccountEmail, regpassword, regrptpassword, regcheckcode, window.location.href, function(result) {
            if (result == "") {
                logon_remove();
                topLogon();
                eval(obj);
                return false;
            }
            else if (result == "first") {
                $("#LogonArea").empty();
                $("#LogonArea").append(InputBaseStr);
                $("#btnLaterInput").click(function(e) {
                    logon_remove();
                    topLogon();
                    eval(obj);
                    return false;
                });
                return false;
            }
            else {
                $("#LogonArea").empty();
                $("#LogonArea").append(ErrorStr);
                $(".green14_cuo").text(result);
                $("#btnReLogon").click(function(e) {
                    logon_remove();
                    logon_show(e, obj);
                    return false;
                });
            }
        }, function() { });
        return false;
    });

    $("#btnAjaxLogon").click(function(){
        accountEmail = $("#inputAccountEmail").val();
        password = $("#inputPassword").val();
        remember = $("#chkRemember").attr("checked");
                
        $("#LogonArea").empty();
        $("#LogonArea").append(DoingStr);
        $(".green14_cuo").text("正在登陆......");
        
        V3.ID.BAGASite.WService.LogonService.UserLogon(accountEmail,password,remember,window.location.href,function(result){
            if(result=="") {
                logon_remove();
                topLogon();  
                eval(obj);
                return false;
            }
            else if(result == "first")
            {
                $("#LogonArea").empty();
                $("#LogonArea").append(InputBaseStr);
                $("#btnLaterInput").click(function(e){
                    logon_remove();
                    topLogon();  
                    eval(obj);
                    return false;
                });
                return false;            
            }
            else {
                $("#LogonArea").empty();
                $("#LogonArea").append(ErrorStr);
                $(".green14_cuo").text(result);
                $("#btnReLogon").click(function(e){
                    logon_remove();
                    logon_show(e,obj);
                    $("#inputAccountEmail").val(accountEmail);
                    return false;
                });
            }       
        },function(){});
        return false;
    });  
    
    $("#inputPassword").keydown(function(event){
        if(event.keyCode==13)
        {
            if(document.all) document.getElementById("btnAjaxLogon").click();
            else {
                var evt = document.createEvent("MouseEvents");  
                evt.initEvent("click",true,true);  
                document.getElementById("btnAjaxLogon").dispatchEvent(evt);  
            }
            return;
        }
    });
    
    $("#btnRemoveLogon").click(function(){
        logon_remove();
        return false;
    });
}

function ContrastChildTarget(obj1,obj2)
{
    for(var i=0;i<obj1.length;i++)
    {
        if(obj1[i]==obj2) return true;
        if(obj1[i].childNodes.length!=0) {
            if(ContrastChildTarget(obj1[i].childNodes,obj2)) return true;
        }
    }
    return false;
}

function logon_SetPoint2()
{
    if($("#LogonArea").length==0) return;
    
    var de = document.documentElement;
    var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
    var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
    var scollX = de.scrollLeft;
    var scollY = de.scrollTop;    
    
    if((w-logonWidth)>0) areaX=(w-logonWidth)/2;
    if((h-logonHeight)>0) areaY=(h-logonHeight)/2;
    
    $("#LogonArea").animate({left:areaX+scollX+"px"},{ duration:400,queue:false });
    $("#LogonArea").animate({top:areaY+scollY+"px"},{ duration:400,queue:false });
    
//    $("#LogonArea").css("left",areaX+scollX+"px");
//    $("#LogonArea").css("top",areaY+scollY+"px");
}

function logon_SetPoint(e)
{
    var de = document.documentElement;
    var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
    var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
    var x = e.clientX;   
    var y = e.clientY;  
    var scollX = e.pageX - x;
    var scollY = e.pageY - y;
    var areaX = 0;
    var areaY = 0;
    if((w-logonWidth)>0) areaX=(w-logonWidth)/2;
    if((h-logonHeight)>0) areaY=(h-logonHeight)/2;

    $("#LogonArea").css("left",areaX+scollX+"px");
    $("#LogonArea").css("top",areaY+scollY+"px");
}  

function logon_remove()
{
    if($("#LogonArea").length==0) return;
    $("#LogonArea").remove();
}

function topLogon()
{
    if($("#btnTopLogon").length == 0) return;
    V3.ID.BAGASite.WService.LogonService.GetUserLogon(function(result){
         if(result!="") {
            var uid = result.substr(0,result.indexOf(","));
            var uname = result.substr(result.indexOf(",")+1);
            $("#btnTopLogon").after('<a class="red12" href="/user/default.aspx?userid=' + uid + '&tp=1">我的问答(' + uname + ')</a> <span class="red12">|</span> <a href="http://www.bingojob.cn/my/" class="red12" rel="nofollow">我的宾果</a>');
            $("#btnTopLogon").remove();
            $("#btnTopReg").after('<a class="red12" href="/Logout.aspx">退出</a>');
            $("#btnTopReg").remove();
         }
    },function(){});
}


function refPic(picName, picUrl) {
    var dm = new Date();
    var vImgObj = document.getElementById(picName);
    vImgObj.src = picUrl + "?v=" + dm.getTime();
}


var LogonStr = '<table width="595" border="0" cellspacing="0" cellpadding="0">';
LogonStr += '  <tr><td height="7" background="/images/zhuce/bg_01.gif"></td></tr>';
LogonStr += '  <tr><td height="259" background="/images/zhuce/bg_02.gif" valign="top">';
LogonStr += '    <table width="98%" border="0" cellspacing="0" cellpadding="0">';
LogonStr += '      <tr><td width="41%" valign="top">';
LogonStr += '      <table width="98%" border="0" cellspacing="0" cellpadding="0">';
LogonStr += '        <tr><td height="34" valign="bottom" class="green14" align="left">宾问果答用户登陆</td></tr>';
LogonStr += '        <tr><td height="25" valign="bottom" class="black14" align="left">邮 箱：</td></tr>';
LogonStr += '        <tr><td height="32"><input type="text" class="kuangLogon" id="inputAccountEmail"/></td></tr>';
LogonStr += '        <tr><td height="16" valign="bottom" class="black14" align="left">密 码：</td></tr>';
LogonStr += '        <tr><td height="32"><input type="password" class="kuangLogon" id="inputPassword"/></td></tr>';
LogonStr += '        <tr><td height="32" align="center"><a style="font-size:12px;" href="#" onclick="return false;">忘记了密码？</a></td></tr>';
LogonStr += '        <tr><td height="32" align="left" valign="bottom" class="black12" style="padding-left:50px;"><input id="chkRemember" type="checkbox" value="true"/>在此电脑上记住密码</td></tr>';
LogonStr += '        <tr><td height="36" align="left" valign="bottom">';
LogonStr += '          <a class="btnLogon1" href="#" style="margin-left:30px" id="btnAjaxLogon"><div>登 陆</div></a>';
LogonStr += '          <a class="btnLogon1" href="#" style="margin-left:15px" id="btnRemoveLogon"><div>浏 览</div></a></td></tr>';
LogonStr += '        <tr><td height="16"></td></tr>';
LogonStr += '        <tr><td height="32"></td></tr>';
LogonStr += '      </table></td>';
LogonStr += '      <td width="4%" height="253" class="or"></td>';
LogonStr += '      <td width="55%" valign="top"><table width="98%" border="0" cellspacing="0" cellpadding="0">';
LogonStr += '        <tr><td height="34" valign="bottom" class="green14" align="left">还没有帐户，现在去注册！</td></tr>';
LogonStr += '        <tr><td height="25" valign="bottom" align="left" class="black14" >设置邮箱：<span style="font-size:12px; font-weight:normal; color:#9F2F3F;">(将作为您的账号，以后无法更改！)</span></td></tr>';
LogonStr += '        <tr><td height="32"><input type="text" class="kuangLogon" id="regAccountEmail" /></td></tr>';
LogonStr += '        <tr><td height="16" valign="bottom" align="left" class="black14" >设置密码：<span style="font-size:12px; font-weight:normal;" >(6-18位字符、数字、!@.#%)</span></td></tr>';
LogonStr += '        <tr><td height="32"><input type="password" class="kuangLogon" id="regAccountPass" /></td></tr>';
LogonStr += '        <tr><td height="16" valign="bottom" align="left" class="black14" >再输入一遍密码：</td></tr>';
LogonStr += '        <tr><td height="32"><input type="password" class="kuangLogon" id="regAccountRePass" /></td></tr>';
LogonStr += '        <tr><td height="16" valign="bottom" align="left" class="black14">请输入验证码：</td></tr>';
LogonStr += '        <tr><td height="36"><input type="text" class="duanLogon" id="regCheckCode" style="float:left;" /><div style="float:left;"><img style="margin-left:10px;" id="validateImg" src="/Common/CreateValidatePic.aspx"/></div><div style="float:left; margin-left:10px;"><a href="javascript:refPic(\'validateImg\',\'/Common/CreateValidatePic.aspx\')" style="font-size:12px;">看不清楚</a></div></td></tr>';
LogonStr += '        <tr><td height="16" align="left" valign="bottom" class="black12" style="padding-left:50px;"><input id="chkReadXieyi" type="checkbox" value="true"/><a href="/user/zhucxieyi.htm" target="_black">同意该服务条款</a></td></tr>';
LogonStr += '        <tr><td height="32"><a class="btnLogon2" href="#" style="margin-left:50px" id="btnRegUser"><div>注册用户</div></a></td></tr>';
LogonStr += '        <tr><td height="16"></td></tr>';
//LogonStr += '        <tr><td><a class="btnLogon2" href="http://www.bingojob.cn/zhuce/CreateAccount1.aspx" target="_black" style="margin-left:20px"><div>注册新用户</div></a></td></tr>';
LogonStr += '      </table></td></tr></table></td></tr>';
LogonStr += '  <tr><td height="28" background="/images/zhuce/bg_03.gif"></td></tr></table>';

var ErrorStr = '<table width="595" border="0" cellspacing="0" cellpadding="0">';
ErrorStr += '  <tr><td height="7" background="/images/zhuce/bg_01.gif"></td></tr>';
ErrorStr += '  <tr><td height="219" align="center" valign="top" background="/images/zhuce/bg_02.gif">';
ErrorStr += '    <table width="100%" border="0" cellspacing="0" cellpadding="0">';
ErrorStr += '      <tr><td height="103" align="center" valign="bottom" class="green14_cuo">您输入的密码或帐号错误，请重新登陆。</td></tr>';
ErrorStr += '      <tr><td height="56" align="center" valign="bottom"><a class="btnLogon_cuo" href="#" id="btnReLogon"><div>返  回</div></a></td></tr>';
ErrorStr += '    </table></td></tr>';
ErrorStr += '  <tr><td height="28" background="/images/zhuce/bg_03.gif"></td></tr></table>';


var DoingStr = '<table width="595" border="0" cellspacing="0" cellpadding="0">';
DoingStr += '  <tr><td height="7" background="/images/zhuce/bg_01.gif"></td></tr>';
DoingStr += '  <tr><td height="219" align="center" valign="top" background="/images/zhuce/bg_02.gif">';
DoingStr += '    <table width="100%" border="0" cellspacing="0" cellpadding="0">';
DoingStr += '      <tr><td height="103" align="center" valign="bottom" class="green14_cuo"></td></tr>';
DoingStr += '    </table></td></tr>';
DoingStr += '  <tr><td height="28" background="/images/zhuce/bg_03.gif"></td></tr></table>';

var InputBaseStr = '<table width="595" border="0" cellspacing="0" cellpadding="0">';
InputBaseStr += '  <tr><td height="7" background="/images/zhuce/bg_01.gif"></td></tr>';
InputBaseStr += '  <tr><td height="219" align="center" valign="top" background="/images/zhuce/bg_02.gif">';
InputBaseStr += '    <table width="100%" border="0" cellspacing="0" cellpadding="0">';
InputBaseStr += '      <tr><td height="103" align="center" valign="bottom" class="green14_cuo">您的基本资料还未填写，请您及时更新您的基本资料！</td></tr>';
InputBaseStr += '      <tr><td height="56" align="center" valign="bottom"><a style="float:left;margin-left:170px;" class="btnLogon_cuo" href="http://www.bingojob.cn/my/UpdateMemberInfo.aspx"><div>现在就去</div></a>';
InputBaseStr += '          <a style="float:left;margin-left:20px;" class="btnLogon_cuo" href="#" id="btnLaterInput"><div>以后再说</div></a></td></tr>';
InputBaseStr += '    </table></td></tr>';
InputBaseStr += '  <tr><td height="28" background="/images/zhuce/bg_03.gif"></td></tr></table>';