// get url of current myPage
var myPage = location.href;
// parse out the myPage name "myPage_name" from .../path/folder/myPage_name.html
// use this to determine the "active" link in the nav
var thisPage = myPage.substring(myPage.lastIndexOf('/')+1, myPage.lastIndexOf('.'));

// if true, will display generated html in alert dialog
var debug = false;
// if false, will not write to page;
var writeHTML = true;

// array of all pages to dyanmically generate the left nav.
/* { "pageName":"XXXX", "altText":"XXXX" "width":##, "height":##, "rule":false, "subnav":false},  
pageName: html page name;
altText: for alt tag;
width/height: of image;
rule: has a rule above it;
subnav: has subnav that becomes visible when clicking on this main nav item;
*/

// array of all pages to dyanmically generate the left nav.
var menuItem = new Array
	( 
	{ "pageName":"index", "imageName":"home", "width":179, "height":33, "altText":"Home"}, 
	{ "pageName":"key_holiday_shipping_dates", "imageName":"key_dates", "width":179, "height":47, "altText":"Key Dates for Holiday Shipping"}, 
	{ "pageName":"did_you_know", "imageName":"did_you_know", "width":179, "height":34, "altText":"Did You Know?"}, 
	{ "pageName":"holiday_dos_and_donts", "imageName":"holiday_dos_and_donts", "width":179, "height":32, "altText":"Holiday Dos and Don'ts"}, 
	{ "pageName":"holiday_organizer", "imageName":"holiday_organizer", "width":179, "height":33, "altText":"Holiday Organizer"}, 
	{ "pageName":"utilizing_the_ups_store", "imageName":"utilizing_the_ups_store", "width":179, "height":32, "altText":"Utilizing the UPS Store"}, 
	{ "pageName":"holiday_gift_ideas", "imageName":"holiday_gift_ideas", "width":179, "height":33, "altText":"Holiday Gift Ideas"}, 
	{ "pageName":"gift_wrap_central", "imageName":"gift_wrap_central", "width":179, "height":33, "altText":"Gift Wrap Central"}
	)
var totalNavItems = menuItem.length;

// the parts that make up the navigation

var extension = ".html";
var beginNav1 = '<div class="';
var beginNav2 = '">';
var HREF1 = '<a href="';
var HREF2 = '"';
var HREF3 = ' onmouseover="roll(\'';
var HREF4 = '\',1);" onmouseout="roll(\'';
var HREF5 = '\');">';
var img1 = '<img src="images/global/nav/';
var imgExt = '.gif';
var imgTitle = '" title="';
var imgAlt = '" alt="';
var imgWidth ='" width="';
var imgHeight = '" height="';
var imgName = '" border="0" name="';
var imgEnd ='" />';
var endHREF = '</a>';
var endNav = '</div>\n';
var divName = "navItem";

var found=false;
allItems=0;
// checks to see if file name in path is in array above
// if not, then url ended in a slash; which means the myPage is "index.html"
for(var property in menuItem) { allItems++; if (property == thisPage) { found=true; } }

if (!found && thisPage.indexOf('.')==0) { thisPage="index"; }

function writeNav()
	{
	// draws the top horiz nav
	//var nav='<div class="topNavImage"><img src="images/global/header_jane_iredale.jpg" alt="" width="482" height="134" border="0" /></div>\n<div id="topNavContainer">\n';
	var nav="";
	// loop through all item in "menuItem" array
	for (x=0;x<totalNavItems;x++)
		{
		myPageName = menuItem[x]["pageName"];
		myImgName = ( menuItem[x]["imageName"] )  ?  menuItem[x]["imageName"]  :   myPageName   ;
		myNavText = menuItem[x]["altText"];
		myWidth = menuItem[x]["width"];
		myHeight = menuItem[x]["height"];

		// if link = the page you are on, 
		// deactivate link and change background color
		if (thisPage == myPageName)
			{
			beginHREF = "";
			endHREF="";
			imgRollover = '_on';
			}
		// otherwise, make a regular link
		else
			{
			imgRollover = "_off";
			beginHREF = HREF1 + myPageName + extension + HREF2 + HREF3 + myImgName + HREF4 + myImgName + HREF5; 
			endHREF="</a>";
			}
		myImg = img1 + myImgName + imgRollover + imgExt + imgTitle + myNavText + imgAlt + myNavText + imgWidth + myWidth +  imgHeight + myHeight + imgName + myImgName + imgEnd;
		nav +=  beginNav1 + divName + beginNav2 + beginHREF + myImg + endHREF + endNav ;
		}

	nav += '<div class="findLocation"><a href="http://go.mappoint.net/ups/PrxInput.aspx" target="_blank"><img src="images/global/nav/find_a_location.gif" title="Find a location" alt="Find a location" width="179" height="74" border="0" /></a></div>';

	// write the entire navigation
	// for developer debugging purposes
	if ( debug ) { /* alert( nav );*/ document.getElementById("leftnav").innerHTML = "<textarea class='debug'>"+nav+"</textarea>"; }
	else if ( writeHTML ) { document.getElementById("leftnav").innerHTML = nav; }		


	}