jQuery.preLoadImages("image1.gif", "/images/main/active/menu_1.png");
jQuery.preLoadImages("image2.gif", "/images/main/active/menu_1_und.png");
jQuery.preLoadImages("image3.gif", "/images/main/active/menu_2.png");
jQuery.preLoadImages("image4.gif", "/images/main/active/menu_2_und.png");
jQuery.preLoadImages("image5.gif", "/images/main/active/menu_3.png");
jQuery.preLoadImages("image6.gif", "/images/main/active/menu_3_und.png");
jQuery.preLoadImages("image7.gif", "/images/main/active/menu_4.png");
jQuery.preLoadImages("image8.gif", "/images/main/active/menu_4_und.png");
jQuery.preLoadImages("image9.gif", "/images/main/active/menu_5.png");
jQuery.preLoadImages("image10.gif", "/images/main/active/menu_5_und.png");

$(function(){
    $('.tab').hover(
        function(){
            $(this).find('.top')
                .addClass('hover')
                .animate({
                    top: '-5px'
                });
            $(this).find('.bottom')
                .addClass('hover')
                .animate({
                    bottom: '-5px'
                });
        },
        function(){
            $(this).find('.top')
                .removeClass('hover')
                .animate({
                    top: '0'
                });
            $(this).find('.bottom')
                .removeClass('hover')
                .animate({
                    bottom: '0'
                });
        }
    );

    $('.content').fadeIn('slow');
    $('.content').animate({
            width: '720px'
        });
});