var loginHtml ;
var regHtml;

$(document).ready(function() {
    $('#imgBtn').click(LoadLogin);
    $('#imgReg').click(LoadReg);
    IsLogin();
 PDLoad();
});

function PDLoad()
{
    var show = QueryString("show");
    if(show=="login")
    {
        LoadLogin();
    }
    if(show =="reg")
    {
        LoadReg();
    }
}

function LoadLogin()
{
  loginHtml =$('#loginBox').html();
    $('#loginBox').html('');
    showLoading(loginHtml,334,590,false);
    $('#loginClick').click(LoginClick);
}
function LoadReg()
{
    regHtml =$('#regBox').html();
    $('#regBox').html('');
	showLoading(regHtml,400,600,false);
	$('#regBtn').click(RegClick);
}

function RegClick()
{
    var userName = $.trim($('#txtRegUserName').val());
    var password = $.trim($('#txtPassword1').val());
    var password2 = $.trim($('#txtPassWord2').val());
    var mail = $.trim($('#txtMail').val());
    
      if (userName == "") {
            alert("请填写注册账号！");
            return;
        }
        if (password == "") {
            alert("请填写密码！");
            return;
        }
        if (password.length <4) {
            alert("密码长度不正确！");
            return;
        }
        if(mail =="")
        {
            alert("请填写邮箱！");
        }
        
        if(password != password2)
        {
            alert('两次密码不一致！');
        }

        Register(userName, password, mail);
        
    
}


//注册
function Register(userName, password, mail) {
    var imgHtml = '<img src="http://mf.ccjoy.com/image/loadingAnimation.gif"/><br /><br />正在处理，请稍候...';
    showLoading(imgHtml);
    $.getJSON("http://mf.ccjoy.com/hander/RegisterHandle.ashx?jsoncallback=?",
        {
            'userName': userName,
            'strPass': password,
            'mail': mail
        },
        function(result) {
            hideLoading();
            switch (Number(result)) {
                case 10:
                    var msg = '注册成功!<br/>';
                    showLoading(msg);
		    login(userName,password);
                    break;
                case 201:
                    showMsg('请填写正确的用户名！<br/><br/><a href="javascript:hideLoading()" style="color:#fff">关闭</a>');
                    break;
                case 202:
                    showMsg('用户名长度不正确！<br/><br/><a href="javascript:hideLoading()" style="color:#fff">关闭</a>');
                    break;
                case 203:
                    showMsg('用户名错误或已被注册！<br/><br/><a href="javascript:hideLoading()" style="color:#fff">关闭</a>');
                    break;
                case 204:
                    showMsg('邮箱格式错误！<br/><br/><a href="javascript:hideLoading()" style="color:#fff">关闭</a>');
                    break;
                case 205:
                    showMsg('邮箱已被注册！<br/><br/><a href="javascript:hideLoading()" style="color:#fff">关闭</a>');
                    break;
                case 206:
                    showMsg('请填写密码！<br/><br/><a href="javascript:hideLoading()" style="color:#fff">关闭</a>');
                    break;
            }
        });
}



function LoginClick()
{
    var userName = $.trim($('#txtUserName').val());
    var password = $.trim($('#txtPassWord').val());
    
    if (userName == "") {
        alert("请填写用户名！");
        return;
    }
    if (password == "") {
        alert("请填写密码！");
        return;
    }

    var imgHtml = '<img src="http://mf.ccjoy.com/image/loadingAnimation.gif"/><br /><br />正在处理，请稍候...';
    showLoading(imgHtml);
    login(userName,password);

}

function login(userName, password)
{
    $.getJSON("http://passport.ccjoy.com/UserLoginHandler.ashx?jsoncallback=?",
    {
        'user_account': userName,
        'user_password': password
    },
    function(result) {
        switch(Number(result))
        {
            case 10:
                location.href ="http://bto.ccjoy.com/servicelist.htm";
                break;
            default:
                showMsg('用户名或密码错误!<br/><br/><a href="javascript:hideLoading()" style="color:#fff">关闭</a>');
                break;
        }
    });
}

function PlayGame(serverID)
{
    var domainName = GetScriptQueryString('domainName');
    $.getJSON(domainName + "/hander/btoLoginHandler.ashx?jsoncallback=?",
    {
        'serverID': serverID
    },
    function(result) {
        switch(result)
        {
            case "201":
                LoadLogin();
                break;
            case "202":
                showMsg('连接服务器错误!<br/><br/><a href="javascript:hideLoading()" style="color:#fff">关闭</a>');
                break;
            default:
                location.href = result;
                break;
        }
    });
}



function hideLoading() {
    $('#scbj').hide();
    $('#loginBox').html(loginHtml);
     $('#regBox').html(regHtml);
}

function showMsg(imgHtml)
{
    showLoading(imgHtml,300,70,true);
}

function showLoading(imgHtml,box_width,box_height,isBack) {
      if ($('#scbj').html() == null) {
        var height = $('body').height();
        var padding_top = (height/2) -(box_height/2) ;
        var padding_left = ($('body').width() / 2)-(box_width /2);
        var loading = '<div id="scbj"  style=" position:absolute; top:0px; z-index:98;width:100%;  "><div  style=" position:absolute; z-index:99; left:0; height:' + height + 'px; top:0; background:#000;color:white;width:100%;  filter: Alpha(opacity=30);-moz-opacity:.3;opacity:0.3  "></div>';
       
        loading += '<div id="show_message" style=" position:absolute; z-index:100; text-align:center; margin-left:auto; margin-right:auto;left:' + padding_left + 'px;margin-top:' + padding_top + 'px;width:'+box_width+'px;height:'+box_height+'px;font-weight:bold;">' + imgHtml + '</div></div>';
        
        $('body').append(loading);
        
    }
    else {
        $('#show_message').html(imgHtml);
        $('#scbj').show();
    }
    if(isBack)
    {
         $('#show_message').css({'background':'#000','color':'#fff','padding-top':'30px','filter': 'Alpha(opacity=80)','-moz-opacity':'.8','opacity':'0.8'});
    }
    else
    {
 $('#show_message').css({'background':'none','color':'#fff','padding-top':'30px','filter': 'Alpha(opacity=100)','-moz-opacity':'1','opacity':'1'});
        
 }
    $('#show_message').width(box_width);
    $('#show_message').height(box_height);
}


function IsLogin() {
    $.ajax({
        type: "GET",
        cache: false,
        dataType: "jsonp",
        url: "http://passport.ccjoy.com/check.ashx?httptype=login&jsoncallback=?",
        success: function(data) {
        if (data.login == "true") {
            $('#sidebtn').hide();
            $('#sidebtn2').css({"display":"block"});
            $('#login_name').html(data.nickname);
            $('#login_out').click(function(){location.href="http://passport.ccjoy.com/logout.aspx?reurl="+location.href;});
            $('#btnPalyGame').click(function(){location.href="http://bto.ccjoy.com/servicelist.htm"});
            }
            else
            {
                $('#sidebtn').show();
                $('#sidebtn2').css({"display":"none"});
                $('#btnPalyGame').click(LoadLogin);
            }
        }
    });
}

//获取Js链接参数值
function GetScriptQueryString(paramName) {
    var reg = new RegExp("(^|\\?|&)" + paramName + "=([^&]*)(\\s|&|$)", "i");
    if (reg.test(document.getElementById("script_qc").src)) //script_qc为script ID 
        return RegExp.$2;
    else
        return "";
}


 //获取地址栏参数值
 function QueryString(fieldName)
 {  
	var stUrl = document.location.href;
	var urlString = stUrl.substring(stUrl.lastIndexOf("?"),stUrl.length);
	if(urlString != null)
	{
	   var typeQu = fieldName+"=";
	   var urlEnd = urlString.indexOf(typeQu);
	   if(urlEnd != -1)
	   {
			var paramsUrl = urlString.substring(urlEnd+typeQu.length);
			var isEnd =  paramsUrl.indexOf('&');
			if(isEnd != -1)
			{
				 return paramsUrl.substring(0, isEnd);
			}
			else
			{
				return paramsUrl;
			}
	   }
	   else 
	   {
			return null;
	   }
	}
	else
	{
	return null;
	}
}