$(document).ready(function() {

	$(".topmenuli span,.topmenuli a").hover(

		function () {

			clearTimeout();

			stopTop();

		  	$(this).stop().animate({ backgroundColor: "#858E4B", color: "white"}, 100);

		  	showSubmenu($(this).parent().attr("id").replace("menuitem", ""));

		},    

     	function () {

			$(".topmenuli span, .topmenuli a").mouseout(function() {

				clearMenuStyle($(this).parent().attr("id").replace("menuitem", ""));

			});

		}

	);

	

});



function stopTop() {

	$(".topmenuli span, .topmenuli a").stop().animate({ backgroundColor: "#fff", color: "#858E4B"}, 500)

}



function clearMenuStyle(menunum) {

	var submenu = $("#submenu" + menunum);

	var menuitem = $("#menuitem" + menunum + " span, " + "#menuitem" + menunum + " a");



	$(submenu).mouseleave(function(){

		$(".topmenuli span, .topmenuli a").stop().animate({ backgroundColor: "white", color: "#858E4B"}, 500);

	});

	

	if ((submenu.length == 0) || (submenu.is(':hidden')))

	{

		$(".topmenuli span, .topmenuli a").stop().animate({ backgroundColor: "white", color: "#858E4B"}, 500);

	}

}



function showSubmenu(menunum) {

	$("#submenus div").hide();

	$("#submenu" + menunum).stop().fadeTo(500,1);

	

	$("#submenu" + menunum).mouseleave(function() {

		$("#submenu" + menunum).stop().fadeTo(500,0,function(){clearMenuStyle(menunum)});

	});

}