function animateLoginPanel() {
    $("#loginPanel").animate({top: 100}, 3000);
}

function setupEnterKeyTrap() {
    $('#usernameFld').keyup(function (e){
        if(e.keyCode == 13){
            authenticate();
        }
    });
    $('#passwordFld').keyup(function (e){
        if(e.keyCode == 13){
            authenticate();
        }
    });
}

function disbaleEnterKeyTrap() {
    $('#usernameFld').unbind();
    $('#passwordFld').unbind();
}

function authenticate() {
    disbaleEnterKeyTrap();
    $("#progressImg").css("display", "Inline");
    $("#serverMsgLbl").html("");
    var username = $("#usernameFld").val();
    var password = $("#passwordFld").val();
    var AuthWSR = {"username": username, "password": password};
    var AuthWSRjson = JSON.stringify(AuthWSR);
    var params = "json_arg_object="+AuthWSRjson;
    var prot = window.location.protocol;
    var host = window.location.host
    var prefix = prot+"//"+host+"/";
    jQuery.post(prefix+"rs/auth", params, authSuccess)
    .error(authError);
}

function authSuccess(data, textStatus, jqXHR) {
    $("#progressImg").css("display", "none");
    var responseTxt = jqXHR.responseText;
    if(responseTxt == "OK") {
        var prot = window.location.protocol;
        var host = window.location.host
        var loc = prot+"//"+host+"/";
        window.location.assign(loc);
    } else {
        $("#serverMsgLbl").html(responseTxt);
    }
    setupEnterKeyTrap();
}

function authError(jqXHR, textStatus, thrownError) {
    $("#progressImg").css("display", "none");
    var responseTxt = jqXHR.responseText;
    $("#serverMsgLbl").html(responseTxt);
    setupEnterKeyTrap();
}

$(document).ready(function() 
{
    animateLoginPanel();
    setupEnterKeyTrap();
});