jQuery(function(){

    var height = {};

    var padding = {};

    var duration_factor = 0;





    jQuery("#menu li").not('#menu li li').each(function() {

        index = jQuery("#menu li").index(this);



        $wrapper = jQuery(this).find('.layer_outer');

        $slider = $wrapper.find('.layer');



        $wrapper.css({ position: "absolute", visibility: "", display: "block" });

        height[index] = $slider.innerHeight(true);

        $wrapper.css({ position: "", visibility: "", display: "none" });

        $slider.css({ height: "0px"});



        jQuery(this).bind('mouseenter', function() {

            var index = jQuery("#menu li").index(this);

            jQuery(this).addClass('hover');



            var $wrapper = jQuery(this).find('.layer_outer');

            var $slider = $wrapper.find('.layer');

            var duration = (1-parseInt($slider.css('height'))/height[index]) * duration_factor * height[index];



            $wrapper.css('display','block');

            $slider.stop(true).animate({height: height[index] + 'px'}, duration, 'slide', function() {

              jQuery(this).parents('#menu li').removeClass('animated');

            });



            if ($slider.is(':animated')) {

                jQuery(this).addClass('animated')

            }

        });



        jQuery(this).bind('mouseleave', function() {

            var index = jQuery("#menu li").index(this);

            jQuery(this).removeClass('hover');



            var $wrapper = jQuery(this).find('.layer_outer');

            var $slider = $wrapper.find('.layer');

            var duration = (parseInt($slider.css('height'))/height[index]) * duration_factor * height[index];



            $slider.stop(true).animate({height: '0px'}, duration, 'slide', function() {

              $wrapper.css('display','none');

               jQuery(this).parents('#menu li').removeClass('animated');

            });



            if ($slider.is(':animated')) {

                jQuery(this).addClass('animated')

            }

        });

    });

});
