$(document).ready(function(){
    var winH=$(window).height();
    var winW=$(window).width();
    function show(){
        var maskHeight=$(document).height();
        var maskWidth=$(window).width();
        $('#mask').css({
            'width':maskWidth,
            'height':maskHeight
        });
        $("#mask").fadeIn('fast');
    }
    function show_reg(winH, winW){
        $('#register').css('top',winH/2-$('#register').height()/2);
        $('#register').css('left',winW/2-$('#register').width()/2);
        $('#register').show();
    }
    function show_login(winH, winW){
        $('#register').hide();
        $('#loginwin').css('top',winH/2-$('#loginwin').height()/2);
        $('#loginwin').css('left',winW/2-$('#loginwin').width()/2);
        $('#loginwin').show();
    }
    function show_lost(winH, winW){
        $('#lostpasswordwin').css('top',winH/2-$('#lostpasswordwin').height()/2);
        $('#lostpasswordwin').css('left',winW/2-$('#lostpasswordwin').width()/2);
        $('#lostpasswordwin').show();
    }
    $('a[name=lost]').click(function(e){
        $('#loginwin').hide();
        $('#register').hide();
        e.preventDefault();
        show();
        show_lost(winH, winW);
        $("input[id=lostname]").focus();
    });

    $('a[name=login]').click(function(e){
        e.preventDefault();
        $('#register').hide();
        $('#mask').hide();
        show();
        show_login(winH, winW);
        $("input[id=loginname]").focus();
    });

    $('a[name=login]').click(function(e){
        e.preventDefault();
        show();
        show_login(winH, winW);
        $("input[id=loginname]").focus();
    });   
    $('a[name=login1]').click(function(e){
        e.preventDefault();
        $('#register').hide();
        show_login(winH, winW);
        $("input[id=loginname]").focus();
    });
    $('a[name=registration]').click(function(e){
        e.preventDefault();
        show();                    
        show_reg(winH, winW);
        $("input[name=fullname]").focus();
    });
    $('#mask').click(function () {
        $(this).hide();
        $('#loginwin').hide();
        $('#register').hide();
        $('#lostpasswordwin').hide();
    });

});