$(document).ready(function (){
	var menu  = $("#mainmenu");
	if (!menu.find('li.active').get(0)){
		return;
	}	
	gotoItem(menu.find('li.active'));
	var hovered = false; 
	menu.find('li').hover(function (){
		hovered = true;
		gotoItem($(this));
	}, function(){
		hovered = false;
		setTimeout(function (){
			if (!hovered) gotoItem(menu.find('li.active'));
		}, 300)
		
	});
	
	
	function gotoItem(item){
		
		var position = item.offset().left - menu.offset().left + (item.width()+20)/2 - 17 ;
		menu.stop().animate({backgroundPosition: position+'px 100%'}, 400);
	}
});