$(function() {
	
	var heightArray = [];
	var items = $('#MenuSlide ul');
	var parent = $("#MenuSlide");
	
	for(var i = 0; i < items.length; i++) {
		heightArray[i] = $(items[i]).height();
		$(items[i]).height('0px');
	}
	
	$("#MenuSlide > li").hover(function() {
		if ($(this).find('ul').length) {
			var index = $(this).index();
			var newHeight = heightArray[index];
			$(this).find('ul').stop().animate({
				'height': newHeight
			}, 500);
			$("#MenuSlide").stop().animate({
				'margin-top': -newHeight
			}, 500);
		}
	}, function() {
		if ($(this).find('ul').length) {
			$(this).find('ul').stop().animate({
				'height': 0
			}, 500);
			$("#MenuSlide").stop().animate({
				'margin-top': 0
			}, 500);
		}
	});
	
	
});