var changes = true;

function setMenuActive()
	{
	if (changes)
		{
		$(".subMenu").css("display", "none");
		activeID = $("td[class*=active] a").attr("id");
		$("#" + activeID + "sub").css("display", "");
		$(".menu").css("border-color", "#FFFFFF");
		}
	}

$(document).ready( function () {
	setMenuActive();
	
	$(".menu").mouseover( function () {
		clearTimeout(timeoutId);
		changes = false;
		$(".subMenu").css("display", "none");
			thisID = $(this).children().attr("id");
			$("#" + thisID + "sub").css("display", "");
			
			$(".menu").css("border-color", "#FFFFFF");
			$(this).css("border-color", $(this).children().css("background-color"));
		} );
	
	$(".menu").mouseout( function () {
		changes = true;
		timeoutId = setTimeout( 'setMenuActive();', 2000 );
		} );
	
	$(".subMenu").mouseover( function () {
		clearTimeout(timeoutId);
		changes = false;
		$(".subMenu").css("display", "none");
		$(this).css("display", "");
		} );
	
	$(".subMenu").mouseout( function () {
		changes = true;
		timeoutId = setTimeout( 'setMenuActive();', 2000 );
		} );
} );