var lastNavItem = null;

function navOver(calledFrom) {
	var cssTarget = calledFrom.parentNode.parentNode;
	cssTarget.className = "navLinkOver";
}

function navOut(calledFrom){
	var cssTarget = calledFrom.parentNode.parentNode;
	cssTarget.className = "navLink";
}

function coverOver(calledFrom) {
    navClickP(calledFrom, false);
}

function ShowSubNav(PageName) {
    alert("Name should be subnavOverlay-" + PageName + "-shadow");
}

function navClickP(calledFrom, hasMenu) {
	var newNavItem = calledFrom.parentNode.parentNode.parentNode;
	var oldNavItem = lastNavItem;
	if(newNavItem != oldNavItem){
		if(oldNavItem != null && oldNavItem.className != "navItem home"){
			oldNavItem.className = "navItem";
		}
		if(newNavItem.className != "navItem home"){
			if(hasMenu){
				newNavItem.className = "navItem selected menu";
			}
			else{
				newNavItem.className = "navItem selected";
			}
		}
    if (hasMenu) {
        $(".subNavUnderlay").hide();
        $("#navUnderlay").hide();
		$("#navOverlayCover").show();
		document.getElementById("navUnderlay").style.display = "block";
		document.getElementById("navOverlay").style.display = "block";

//			$("div").click(function() {
//			    navClick(this, false);
//			}); 
		}
    else {
        $(".subNavUnderlay").hide();
        $("#navUnderlay").hide();
		    $("#navOverlayCover").hide();
			document.getElementById("navUnderlay").style.display = "none";
			document.getElementById("navOverlay").style.display = "none";
		}
		lastNavItem = newNavItem;
    }

	calledFrom.blur();

}

function navClick(calledFrom, hasMenu, sublayer) {

    var newNavItem = calledFrom.parentNode.parentNode.parentNode;
    var oldNavItem = lastNavItem;
    if (newNavItem != oldNavItem) {
        if (oldNavItem != null && oldNavItem.className != "navItemX home") {
            oldNavItem.className = "navItemX";
        }
        if (newNavItem.className != "navItemX home") {
            if (hasMenu) {
                newNavItem.className = "navItemX selected menu";
            }
            else {
                newNavItem.className = "navItemX selected";
            }
        }
        if (hasMenu) {
            $(".subNavUnderlay").hide();
            $(".navUnderlayX").hide();
            $("#" + sublayer + "-NevContainer").show();
        }
        else {
            $(".subNavUnderlay").hide();
            $(".navUnderlay").hide();
            $("#" + sublayer + "-NevContainer").hide();
        }
        lastNavItem = newNavItem;
    }

    calledFrom.blur();

}

function subNavMouseOver(calledFrom, hasMenu, sublayer) {
    //alert("Called from " + $(calledFrom).attr("id"));
    var leftPost = $(calledFrom).position().left;
    //alert("Left pos ... 1 = " + leftPost);
    if (leftPost + 210 > 946) {
        leftPost = 946 - 210;
    }
    //alert("Left pos .. 2 = " + leftPost);
    var newNavItem = calledFrom;
    //alert("Called pos" + leftPost + "===" + $(calledFrom.parentNode.parentNode).position().left +"===" + $(calledFrom.parentNode.parentNode.parentNode).position().left);
    var oldNavItem = lastNavItem;
    if (newNavItem != oldNavItem) {
        if (oldNavItem != null && oldNavItem.className != "navItem home") {
            oldNavItem.className = "navItem";
        }
        if (newNavItem.className != "navItem home") {
            if (hasMenu) {
                newNavItem.className = "navItem selected menu";
            }
            else {
                newNavItem.className = "navItem selected";
            }
        }

        if (hasMenu) {
            //$(".subNavUnderlay").fadeOut("slow");
            $(".subNavUnderlay").hide();
            $("#navUnderlay").hide();
            $("#productsOverlay-shadow").hide();
            //$("#" + sublayer + "-NevContainer").style.display = "block";
            //document.getElementById(sublayer).style.display = "block";

//            $(".subNavOverlay").each(function () {

//                if ($(this).children("li").length == 0)
//                    $(this).hide();
//            });

            $('.subNavOverlay').css('left', leftPost + 'px');
            $('#' + sublayer).fadeIn("fast");
//            document.getElementById("subNavUnderlay").style.display = "block";
//            document.getElementById("subNavOverlay").style.display = "block";
        }
        else {
            //$("#" + sublayer + "-NevContainer").hide();
            document.getElementById(sublayer).style.display = "none";
            $(".subNavUnderlay").hide();
            $("#navUnderlay").hide();
            $("#productsOverlay-shadow").hide();
            //            document.getElementById("subNavUnderlay").style.display = "none";
//            document.getElementById("subNavOverlay").style.display = "none";
        }
        lastNavItem = newNavItem;
    }

    calledFrom.blur();

}

function sunNavMouseLeave(layer) {
    //alert("WWWW" + $('#' + layer).attr('id'));
    $('#' + layer).mouseleave(function () {
        $('#' + layer).hide(); // fadeOut("slow");
    });
}

function subNavMouseOut(layer) {
    //document.getElementById(layer).style.display = "none";
    $('#' + layer).hide(); // fadeOut("slow");
}