$(document).ready(function() {
    function FitSize() {
        var bodyWidth = document.body.offsetWidth;

        var contentWidth = bodyWidth - 195;
        $("#tresc").css('width', contentWidth);
        var iconTopQuantity = ($(".iconTop").length);
        $(".miniaturyTop").css('width', (iconTopQuantity*152));

        var iconBotomQuantity = $(".iconBottom").length;
        $(".miniaturyBottom").css('width', (iconBotomQuantity*152));

        $("a.iconTop").hover(
            function() {
                    $("img.imageColor").hide();
                    $("img.imageColor", this).fadeIn(300);
            },
            function() {
                    $("img.imageColor").hide();
            }
        );

        $("a.iconBottom").hover(
            function() {
                    $("img.imageColor").hide();
                    $("img.imageColor", this).fadeIn(300);
            },
            function() {
                    $("img.imageColor").hide();

            }
        );
    }

    FitSize();
    $(window).resize( function() { FitSize() } );
});