$(document).ready(function() {

    $("#loginemail").bind("change keyup focus blur", function() {
        if ($(this).val().length > 0) {
            $(this).css("backgroundImage", "url(/images/input_back.png)")
        } else {
            $(this).css("backgroundImage", "url(/images/input_back_email.png)")
        }
    });
    $("#loginpass").bind("change keyup focus blur", function() {
        if ($(this).val().length > 0) {
            $(this).css("backgroundImage", "url(/images/input_back.png)")
        } else {
            $(this).css("backgroundImage", "url(/images/input_back_password.png)")
        }
    });

    $("#loginpass").focus();
    if ($("#loginemail").val().length == 0) $("#loginemail").focus();

    $("#loginpanel").bind("keypress", function(e) {
        if (e.keyCode == 13) {
            if ($("#loginpass").hasClass("focus")) {
                webcore("login", JSON.stringify({ user: $("#loginemail").val(), pass: $("#loginpass").val() }));
            } else {
                $("#loginpass").focus();
            }
            return false;
        }
    });
    $("#loginpanel").bind("keyup", function(e) {
        if (e.keyCode == 27) {
            if ($("#mask").css("display") != "none") {
                $("#mask").hide();
                $("#loginpanel").hide();
                return false;
            }
        }
    });

    $("#btnlogin").click(function(e) {
        e.preventDefault();
        if ($("#loginemail").val().length < 1 || $("#loginpass").val().length < 1)
            $.jGrowl("Please enter email and password");
        else 
            webcore("login", JSON.stringify({ user: $("#loginemail").val(), pass: $("#loginpass").val() }), "/ajax/login");
    });


});