var checkSubMenuInterval 			= setInterval(checkSubMenuPosition, 40);

function checkSubMenuPosition() {
	var ul_list			= document.getElementsByTagName("ul");
	for(var i = 0; i < ul_list.length; i++) {
		if(ul_list[i].className == 'navigationLevel1 hiddenul' || ul_list[i].className == "navigationLevel1") {
			var left				= (ul_list[i].parentNode.offsetLeft + (ul_list[i].parentNode.clientWidth / 2)) - (ul_list[i].clientWidth / 2);
			if(left < ul_list[i].parentNode.parentNode.offsetLeft) {
				left				= ul_list[i].parentNode.parentNode.offsetLeft;
			} else if(left > ul_list[i].parentNode.parentNode.offsetLeft + 775 - ul_list[i].clientWidth) {
				left				= ul_list[i].parentNode.parentNode.offsetLeft + 775 - ul_list[i].clientWidth;
			}
			ul_list[i].style.left	=  + left + "px";
		}
	}
}

var isCategoryActive			= false;
var isSubCategoryActive			= false;

$(document).ready(initializeMenu);

function initializeMenu() {
	isCategoryActive			= $("li.navigationLevel0Active").length > 0;
	isSubCategoryActive			= $("ul.navigationLevel1Active").length > 0;
	$("li.navigationLevel0").mouseover(selectNavigationLevel0);
	$("li.navigationLevel0").mouseout(hideNavigationLevel0);
}

function selectNavigationLevel0() {
	// set border bottom
	$("ul#navigationLevel0").css("border-bottom", "1px solid black");
	
	// set sub nav visible
	$("ul.navigationLevel1").css("visibility","hidden");
	$("ul.navigationLevel1", this).css("visibility","visible");
	
	// set main nav button border
	//* reset all buttons
	$("li.navigationLevel0").css("border-width","1px 1px 0 1px");
	$("li.navigationLevel0").css("border-color","white");
	//* set active button
	$(this).css("border-width", "1px");
	$(this).css("border-color", "black black white black");
}

function hideNavigationLevel0() {
	// reset all buttons
	$("li.navigationLevel0").css("border-width", "1px 1px 0 1px");
	$("li.navigationLevel0").css("border-color", "white");
	$("ul.navigationLevel1").css("visibility","hidden");
	if(!isCategoryActive) {
		$("ul#navigationLevel0").css("border-bottom", "0 none");
	} else {
		$("li.navigationLevel0Active").css("border-width", "1px");
		$("li.navigationLevel0Active").css("border-color", "black black white black");
		$("li.navigationLevel0Active ul.navigationLevel1").css("visibility", "visible");
	}
}
