var button = $("div#menuButton div#center");
var t = '';

$("ul#menu li:first a").addClass('first');

$("ul#menu li a").mouseenter(function(){
	var position = $(this).position();
	var width = $(this).outerWidth();
	
	moveToPosition(width, position, $(this), true);
});

$("ul#menu li a").mouseleave(function(){
	t = setTimeout('returnToPosition();', 1000);
});

$(document).ready(function(){
	var position = $("ul#menu li.selected a").position();
	
	var width = $("ul#menu li.selected a").outerWidth();
	
	moveToPosition(width, position, $("ul#menu li.selected a"), false);
});

function moveToPosition( width, position, element, activateReturn ) {
	
	$("#menuButton").stop(true, true);

	clearInterval(t);
	if( width < 70 ) {
		var newWidth = 0;
	} else {
		var newWidth = width - 70;
	}
	
	if ( element.hasClass('first') ) {
		var newPosition = position.left - 57;	
	} else {
		var newPosition = position.left - 39;	
	}
	
	var newButtonWidth = 144 + newWidth;
	$("#menuButton").animate({left: newPosition, width: newButtonWidth}, 'fast');
	
}

function returnToPosition() {
	var position = $("ul#menu li.selected a").position();
	var width = $("ul#menu li.selected a").outerWidth();
	
	moveToPosition(width, position, $("ul#menu li.selected a"), false);
}