jQuery(document).ready(function() {
	
	var size = jQuery('#menu ul').children().size();
	var loop = size;
	
	
	jQuery('#menu ul').children().each(function() {
		if(!jQuery(this).hasClass('act')) {
			jQuery(this).bind('mouseover', function () {
				jQuery(this).addClass('hover');			
			});
			
			jQuery(this).bind('mouseout', function() {
				jQuery(this).removeClass('hover');
			});
			
			jQuery(this).css('z-index', loop);
		} else {
			jQuery(this).css('z-index', (parseInt(size) + 1)); // make sure active item is highest z-index
		}
		
		loop--;
	});
});