hideAll = true;

function hideAllPopups() {
	//document.getElementById("naviHomePopup").style.visibility = "hidden";
	//document.getElementById("naviHome").style.backgroundPosition = "top center";
	
	document.getElementById("naviRidingGearPopup").style.visibility = "hidden";
	document.getElementById("naviRidingGear").style.backgroundPosition = "top center";
	
	document.getElementById("naviAccessoriesPopup").style.visibility = "hidden";
	document.getElementById("naviAccessories").style.backgroundPosition = "top center";
	
	//document.getElementById("naviDealersPopup").style.visibility = "hidden";
	//document.getElementById("naviDealers").style.backgroundPosition = "top center";
}

function openPopup(e) {
	hideAllPopups();
	hideAll = false;
	e.style.backgroundPosition = "bottom center";
	if(document.getElementById("navi").offsetLeft){
		document.getElementById(e.id + "Popup").style.left = e.offsetLeft - document.getElementById("navi").offsetLeft + "px";
	}else{
		document.getElementById(e.id + "Popup").style.left = e.offsetLeft + "px";
	}
	document.getElementById(e.id + "Popup").style.position = 'absolute';	
	document.getElementById(e.id + "Popup").style.visibility = "visible";
}

function menuMouseOut() {
	hideAll = true;
	setTimeout("checkHide()", 25);
}

function popupHover(e) {
	hideAll = false;
	var itemId = e.id.substring(0, e.id.length-5);
	document.getElementById(itemId).style.backgroundPosition = "bottom center";
}

function popupMouseOut(el, e) {
	if(mouseOutPopup(el, e)) {
		var itemId = el.id.substring(0, el.id.length-5);
		document.getElementById(itemId).style.backgroundPosition = "top center";
		menuMouseOut();
	}
}

function mouseOutPopup(oThis, e) {
	if (e.relatedTarget) return(e.relatedTarget != oThis && e.relatedTarget.parentNode != oThis);
	return(e.toElement != oThis && e.toElement.parentNode != oThis);
}

function checkHide() {
	if(hideAll) hideAllPopups();
}