$(document).ready(function (){
	$('#navigation-main li').removeClass('highlight');
	
	$('#navigation-main a.main').prepend('<span class="hover" />').each(function(){
		
		var $span = $('> span.hover', this).css('opacity', 0);
		var $sub = $(this).next('div.sub').hide();
		
                    $(this).parent().hover(function () {
                        // on hover
                        $span.stop().fadeTo(500, 1);
                        $sub.stop(true,true).css('zindex', 100).slideDown(300);
                    }, function () {
                        // off hover
                        $span.stop().fadeTo(500, 0);
                        $sub.css('zindex', 10).slideUp(300);
                    });
	});

});