$(document).ready(function() {
	$("#mainMenu").prepend('<div id="menuSlide"></div>');
	
	var menucontainer = $("#mainMenu");
	var container = $("#slideContainer");
	var slider = $("#menuSlide");
	var selected = $("#mainMenu li.selected")[0];
	
	$("#mainMenu li").not(".active").hover(function() {
		move(this, 450, 'easeInOutBack');
		$(this).addClass("active");
	}, function() { $(this).removeClass("active"); });

	$("#mainMenu").hover(function() {}, function() {
		move(selected, 600, 'easeOutBack');
	});
	
	function move(el, speed, fx) {
		slider.each(function() {
			$(this).dequeue();
		}
		)/*.css({
			width: el.offsetWidth-15+'px',
			left: el.offsetLeft+'px',
			top: el.offsetTop+32+'px'
		})*/
		.animate({
			width: el.offsetWidth-15+'px',
			left: el.offsetLeft+'px',
			top: el.offsetTop+32+'px'
		}, speed, 'backout');
	};
	
	move(selected, 1250, 'easeInOutElastic');
});