$(function(){
    
    // focus
    $("#usuario, #password")
        .focus(function() {
            $(this).css('background-color','#FFD387');
        })
        .blur(function() {
            $(this).css('background-color','white');
        });
        
    $("#usuario").focus();
    
    // login button
    $("#login_button").click(function(){
        $("#forma_login").submit();
    });
    
    $("#tab_casita").hover(
        function(){
            $("#p_vaca, #p_vacuna, #p_galeria, #p_reporte, #p_candado").hide();
            $("#p_casita").show();
        }
    );
    
    $("#tab_vaca").hover(
        function(){
            $("#p_casita, #p_vacuna, #p_galeria, #p_reporte, #p_candado").hide();
            $("#p_vaca").show();
        }
    );
    
    $("#tab_vacuna").hover(
        function(){
            $("#p_vaca, #p_casita, #p_galeria, #p_reporte, #p_candado").hide();
            $("#p_vacuna").show();
        }
    );
    
    $("#tab_galeria").hover(
        function(){
            $("#p_vaca, #p_casita, #p_vacuna, #p_reporte, #p_candado").hide();
            $("#p_galeria").show();
        }
    );
    
    $("#tab_reporte").hover(
        function(){
            $("#p_vaca, #p_casita, #p_vacuna, #p_galeria, #p_candado").hide();
            $("#p_reporte").show();
        }
    );
    
    $("#tab_candado").hover(
        function(){
            $("#p_vaca, #p_casita, #p_vacuna, #p_galeria, #p_reporte").hide();
            $("#p_candado").show();
        }
    );
});