var home=function()
{
    function _init()
    {
        $('#bouton-account').click(function(){return _show_hide()});
        $('#account-close').click(function(){return _show_hide()});
        
        $('[name="login"]').focus(function(){_email_manage('focus')});
        $('[name="login"]').blur(function(){_email_manage('blur')});
        
        $('[name="password"]').focus(function(){_password_manage('focus')});
        $('[name="password"]').blur(function(){_password_manage('blur')});
        
        //$('#account-panel').mouseleave(function(){$('#account-panel').slideUp(300);});
    }
    
    function _show_hide()
    {
        state = $('#account-panel').css('display');
        if ( state == 'none' )
        {
            $('#account-panel').slideDown(300);
        }
        else
        {
            $('#account-panel').slideUp(300);
        }
        return false;
    }
    
    function _email_manage(state)
    {
        if (state == 'focus' && $('[name="login"]').val() == 'E-mail')
        {
            $('[name="login"]').val('');
        }
        
        if (state == 'blur' && $('[name="login"]').val() == '')
        {
            $('[name="login"]').val('E-mail');
        }
    }
    
    function _password_manage(state)
    {
        if (state == 'focus' && $('[name="password"]').val() == 'Password')
        {
            $('[name="password"]').val('');
        }
        
        if (state == 'blur' && $('[name="password"]').val() == '')
        {
            $('[name="password"]').val('Password');
        }
    }

return {
        init:function()
        {
            _init();
        }
    }
}();

$(document).ready(function () {
    home.init();
});