var lockLogin = false;
var hoverLogin = false;

function showHideLogin() {
    if (hoverLogin) {
        jQuery('#loginOverlayer').stop(true, true).show();
        jQuery('#logoutOverlayer').stop(true, true).show();
    } else if (!lockLogin) {
        jQuery('#loginOverlayer').stop(true, true).hide();
        jQuery('#logoutOverlayer').stop(true, true).hide();
    }
}

jQuery(document).ready(function() {
    
    jQuery('#loginContainer').hover(function(event) {
        hoverLogin = true;
        showHideLogin();
    }, function(event) {
        hoverLogin = false;
        showHideLogin();
    });
    jQuery('#loginOverlayer input').focus(function() {
        lockLogin = true;
        showHideLogin();
    });
    jQuery('#loginOverlayer input').blur(function() {
        lockLogin = false;
        showHideLogin();
    });
    jQuery('#loginContainer select').focus(function() {
        lockLogin = true;
        showHideLogin();
    });
    jQuery('#loginContainer select').blur(function() {
        lockLogin = false;
        setTimeout(showHideLogin, 100);
    });
    jQuery('#loginContainer select').change(function() {
        $(this).blur();
    });
    
});