var navZIndex = 1000, 
navNum = 1, 
navImages = 7;
$("#navWrap").find(".vertical > ul > li").each(function(){
	//add a class to each top-level nav li to show various images
	$(this).addClass("ni"+navNum).css("z-index", navZIndex - (navNum*20));
	navNum++;
	// there are currently only certain number of images used so repeat them as needed.
	if (navNum > navImages)
		navNum = 1;	
});
navHeight = $("#navWrap li").eq(0).height();
$("#navWrap > .vertical > ul").find("li > a").each(function(){
	// to keep the top-level nav of various line lengths centered, dynamically change paddding
	curPadding = (navHeight - $(this).height())/2;
	$(this).css("padding-top", curPadding + "px");
	// and also adjust any dropdown menu top position by altering the top margin
	$(this).next("ul").css("margin-top", (navHeight - curPadding) + 5 + "px");
});
