function ajusteHorizontal(id)
{
    var ancho = ($.browser.msie) ? $('.overview').outerWidth() - 7 : $('.overview').width();
    if($.browser.mozilla)
        ancho -= 16;
    else
        ancho -= 20;
    divs = parseInt(ancho/132);
    sobra = ancho - (132*divs);
    margen_horizontal = parseInt((sobra/divs)/2);
    if($.browser.mozilla)
        margen_horizontal += 4;
    else
        margen_horizontal += 5;
    
    $(id).each(function(){
        $(this).css("margin-left", margen_horizontal);
        $(this).css("margin-right", margen_horizontal);
    });
}
function ajusteVertical(id)
{
    var alto = $('#Central').outerHeight();

    if(!$.browser.msie)
    {
        var saf = /a/.__proto__=='//';
        var alto = (saf) ? alto + 5 : alto - 5;
    }

    divs_vertical = parseInt(alto/87); 	
    sobra_vertical = alto - (87*divs_vertical);

    margen_vertical = parseInt((sobra_vertical/divs_vertical)/2) + 5;
        
    $(id).each(function(){
        $(this).css("margin-top", margen_vertical);
        $(this).css("margin-bottom", margen_vertical);
    });
}

$(document).ready(function(){
          
    /* Efectos para el buscador */
    $("#buscador input[type=text]").css({'color' : '#515151', 'font-style' : 'italic'});
    $("#buscador input[type=text]").val("Galería a buscar");
    
    $("#buscador input[type=submit]").click(function(){
        if($("input[type=text]").val() == "Galería a buscar")
          $("input[type=text]").val("");
    });
    $("#buscador input[type=text]").focusout(function(){
        $(this).animate({'width' : '30%'});
    });
    $("#buscador input[type=text]").click(function(){
        $(this).animate({'width' : '35%'});
        $(this).val("");
        $(this).css({'border':'1', 'font-style' : 'normal'});        
    });
    /*Fin efectos buscador*/
    
    $('#galeria').slidebox();
    $('#Pie').slideDown('slow');

    $(window).resize(function() {
        ajusteHorizontal('#Central ul li');
        ajusteVertical('#Central ul li');
        $('.scrollbar1').tinyscrollbar_update();
    });
    
    //Activamos la descripción trasera con z-index
    $('a.thumbnail').hover(
        function(){
            $(this).find('.desc-under').css('z-index', 2);  
        },
        function(){
            $(this).find('.desc-under').css('z-index', -1);    
        }
    );
});
