var showLogin = function(event) {

        event.preventDefault();
        var login = $('#login');
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        $('#mask').css({
            'width':maskWidth,
            'height':maskHeight
        });
        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow",0.8);

        var winH = $(window).height();
        var winW = $(window).width();

        login.css('top',  winH/2-login.height()/2);
        login.css('left', winW/2-login.width()/2);
        login.fadeIn(2000);

    }

$(function() {

    $('.show-modal').click(showLogin);

    //if close button is clicked
    $('.dialog-close').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();

        $('#mask').hide();
        $('.dialog').hide();
    });

    //if mask is clicked
    $('#mask').click(function () {
        $(this).hide();
        $('.dialog').hide();
    });

    $('#rest_login form').submit(function() {

        var form = $(this);
        var parent = form.parent().parent().parent();
        var required = parent.find('#login_required');
        //alert(required.html());
        //required.show();
        //return false;

        var login = parent.find('#login_block_form');
        var busy = parent.find('#login_busy');
        var failed = parent.find('#login_failed');

        var url = form.attr('action');
        var data = form.serialize();

        var uName = $.trim(form.find('#uName').val());
        var uPassword = $.trim(form.find('#uPassword').val());

        // Validate form input. If fail display error and quit.
        if (uName == '' || uPassword == '') {
            login.hide();
            required.children('#login_required_link').click(function() {
                required.hide();
                login.show();
            });
            required.show();
            return false;
        }

        login.hide();
        busy.children().hide();
        busy.children('#login_status_server').show();
        busy.show();

        $.post(url, data, function(data, status) {

            data = $.parseJSON(data);

            busy.children().hide();
            busy.children('#login_status_login').show();

            if (data.success == 0) {
                busy.hide();
                failed.children('#login_failed_link').click(function() {
                    failed.hide();
                    login.show();
                });
                failed.show();
            } else {
                location.reload();
            }

        });

        return false;

    });

});