jQuery(document).ready(function() {
	
	var menuAnimationSpeed = 300;
	var menuRightMargineSize = 15;	
	var menuElementBeforeRightMargineSize = 15;	
	
//	menuEl = jQuery('#menu ul li');
//	jQuery('#menu ul li').each(function(elIndex,el) {
////		el.index = elIndex;
////		el.defaultWidth = jQuery(el).width();
//			jQuery(el).css('height', '40px');
//	});

	
	jQuery("#menu ul li").hover(
		function() {
			
			jQuery(this).stop().animate({
				    marginRight: menuRightMargineSize+'px',
				    marginLeft: menuRightMargineSize+'px'
				  }, menuAnimationSpeed);
//			if (this.index > 0) {  
//				jQuery(menuEl[this.index-1]).addClass("subActive").stop().animate({
//				    marginRight: menuElementBeforeRightMargineSize+'px'
//				  }, menuAnimationSpeed, 'linear', function() {
//				  	
//			  });
//			}
		},
		function() {
			jQuery(this).stop().animate({
				    marginRight: '0px',
				    marginLeft: '0px'
				  }, menuAnimationSpeed);
//			if (this.index > 0) {  
//				jQuery(menuEl[this.index-1]).removeClass("subActive").stop().animate({
//				    marginRight: '0px'
//				  }, menuAnimationSpeed, 'linear', function() {
//				  	
//			  });
//			}
		}
		
		
	);
});