$(document).ready(function() {
    $('#loginClick').click(LoginClick);

});
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,334,590);
    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://qc.ccjoy.com/reg/servicelist.htm";
                break;
            default:
                showMsg('用户名或密码错误!<br/><br/><a href="javascript:hideLoading()" style="color:#fff">关闭</a>');
                break;
        }
    });
}

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 hideLoading() {
    $('#scbj').hide();

}

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