/*

*

* setupLeftNav()

*

*/

function setupLeftNav() {

	var i = 0;

	var nodeListUL;

	var nodeListLI;

	var nodeListUL_LI;

	var tempInnerHTML = "";

	var topSpacer;

	var bottomSpacer;

	var viewMoreLink;

	var headerCount = 0;

	var simpleMenuObject;



	// If leftNavContainer <div> doesn't exist, don't do anything

	if(!document.getElementById('leftNavContainer')) return;



	// Hide while setting up.  Call makeLeftNavVisible() to see it again.

//document.getElementById('leftNavContainer').style.display = "none";

//document.getElementById('leftNavContainer').style.visibility = "hidden";

   makeLeftNavVisible();

	// Set Up Node Lists

	nodeListUL = document.getElementById('leftNavContainer').getElementsByTagName('ul');

	nodeListLI = document.getElementById('leftNavContainer').getElementsByTagName('li');



	/*

	*  Set up the expandable images, add the "View More" links, add

	*  the spacer that goes directly after the header item, and

	*  add the spacer with goes after an expandable menu.

	*/

	for(i=0;i<nodeListUL.length;i++) {

		if(nodeListUL[i].className=="leftNavExpandableMenu") {

			

			tempInnerHTML = nodeListUL[i].innerHTML;



			// Add the "menuExpander" DIV, and the "View More" link at the end of the menu.

			//nodeListUL[i].innerHTML = "<div class=\"menuExpander\"><img class=\"leftNavCategoryArrow\" alt=\"\" border=\"0\" width=\"166\" height=\"19\" src=\"../images/leftNav/leftNavCategoryArrow.gif\" /><img class=\"leftNavCollapse\" alt=\"\" border=\"0\" width=\"166\" height=\"19\" src=\"../images/leftNav/leftNavCollapse2.gif\" /><img class=\"leftNavExpand\" alt=\"\" border=\"0\" width=\"166\" height=\"19\" src=\"../images/leftNav/leftNavExpand2.gif\" /></div>"
			nodeListUL[i].innerHTML = "<div class=\"menuExpander\"><img class=\"leftNavCollapse\" alt=\"Collapse\" border=\"0\" width=\"100\" height=\"19\" src=\"/templates/white/images/leftNav/leftNavCollapse10.gif\" /><img class=\"leftNavExpand\" alt=\"Expand\" border=\"0\" width=\"100\" height=\"19\" src=\"/templates/white/images/leftNav/leftNavExpand10.gif\" /></div>"

						+ tempInnerHTML;
//nodeListUL[i].innerHTML = "<div class=\"menuExpander\">&nbsp;</div>"
//+ tempInnerHTML;

//						+ "<li class=\"viewMore\"><a href=\"javascript:void(0)\" onclick=\"leftNavExpand(this);return false;\">View More...</a></li>";



			// Set Up Top Spacer :: <li class="leftNavTopSpacer"><a href="#"><img alt="" border="0" width="1" height="1" src="/images/leftNav/1px.gif" /></a></li>

			nodeListUL_LI = nodeListUL[i].getElementsByTagName('li');

			if(nodeListUL_LI.length) {				

				topSpacer = document.createElement('li');

				topSpacer.innerHTML = "<a href=\"#\"><img alt=\"1px\" border=\"0\" width=\"1\" height=\"1\" src=\"/templates/white/images/leftNav/1px.gif\" /></a>";

				topSpacer.className = "leftNavTopSpacer";

				nodeListUL_LI[0].parentNode.insertBefore(topSpacer,nodeListUL_LI[0]);

			}



			// Set Up Bottom Spacer :: <div class="leftNavBottomSpacer">&nbsp;</div>

			bottomSpacer = document.createElement('div');

			bottomSpacer.innerHTML = "&nbsp;";

			bottomSpacer.className = "leftNavBottomSpacer";

			nodeListUL[i].parentNode.insertBefore(bottomSpacer,nodeListUL[i].nextSibling);

			

			// Set the id of the item if it doesn't already have one.

			// Then create the simpleMenu Object with that id (this

			// allows the TAB key to auto-expand items, and adds flyout functionality for IE)

			if(!nodeListUL[i].id)

				nodeListUL[i].id = "leftNavHeaderAutoGenerated" + headerCount + "";

			

			simpleMenuObject = new simpleMenu(nodeListUL[i].id, 'leftNavExpandableMenu');

			headerCount++;			

		}

	}



	/*

	*  Style the correct items with "flyoverArrow" images, 

	*  which lets a user know there is a flyout menu

	*/

	for(i=0;i<nodeListLI.length;i++) {

		// Set Border Image and Hover Image for each <li>

		if(nodeListLI[i].getElementsByTagName('a').length) {

			tempInnerHTML = nodeListLI[i].getElementsByTagName('a')[0].innerHTML;

			nodeListLI[i].getElementsByTagName('a')[0].innerHTML = "<img class=\"leftNavSubCategoryBorder\" alt=\"SubCat\" border=\"0\" width=\"164\" height=\"17\" src=\"/templates/white/images/leftNav/leftNavSubCategoryBorder.gif\" />"

									   + "<img class=\"leftNavHoverArrow\" alt=\"HoverArrow\" border=\"0\" width=\"164\" height=\"17\" src=\"/templates/white/images/leftNav/leftNavHoverArrow.gif\" />"

									   + tempInnerHTML;

		}

	

		// Set Flyover Image for nested lists

		if(nodeListLI[i].getElementsByTagName('ul').length) {

			if(nodeListLI[i].getElementsByTagName('a').length) {

				tempInnerHTML = nodeListLI[i].getElementsByTagName('a')[0].innerHTML;

				nodeListLI[i].getElementsByTagName('a')[0].innerHTML = "<img class=\"leftNavFlyoverArrow\" alt=\"FlyoverArrow\" border=\"0\" width=\"164\" height=\"17\" src=\"/templates/white/images/leftNav/leftNavFlyoverArrow.gif\" />"

										   + tempInnerHTML;

			}

		}

		

		// Redraw the all the <li> in the leftNavContainer so they display with proper border images...

		//nodeListLI[i].style.display = "none";

		//nodeListLI[i].style.display = "";

	}

}





/*

*

* leftNavCollapse()

*

*/

function leftNavCollapse(item){

	var tempNode = item;

	var menuItems;



	// If leftNavContainer <div> doesn't exist, don't do anything

	if(!document.getElementById('leftNavContainer')) return;



	while(tempNode.tagName!="UL") {

		tempNode = tempNode.parentNode;

	}



	menuItems = tempNode.childNodes;



	// Hide everything except the "View More" links

	for(i=0;i<menuItems.length;i++) {

		if(menuItems[i].tagName=="LI") {

			if(menuItems[i].className=="viewMore")

				menuItems[i].style.display = "";

			else menuItems[i].style.display = "none";

		}

	}



	// Display Expand Image, Hide Collapse Image

	if(tempNode.getElementsByTagName('div').length) {

		if(tempNode.getElementsByTagName('div')[0].getElementsByTagName('img').length) {

			var tempIMG = tempNode.getElementsByTagName('div')[0].getElementsByTagName('img');

			for(i=0;i<tempIMG.length;i++) {

				if(tempIMG[i].className=="leftNavCollapse")

					tempIMG[i].style.display = "none";

				if(tempIMG[i].className=="leftNavExpand")

					tempIMG[i].style.display = "";

			}

		}



	}



	////////////////////////////////////////////////////////////////////

	// Set the Expandable Menu Header's DIV onclick to EXPAND

	//

	var expanderDiv = tempNode.getElementsByTagName('div');

	if(expanderDiv.length) {	

		for(i=0;i<expanderDiv.length;i++) {

			if(expanderDiv[i].className=="menuExpander") {

				expanderDiv[i].onclick = function() {

					leftNavExpand(this);

					return false;

				}

			}

		}

	}

}



/*

*

* leftNavExpand()

*

*/

function leftNavExpand(item){

	var tempNode = item;

	var tempNodeDIV;	

	var nodeListUL;



	nodeListUL = document.getElementById('leftNavContainer').getElementsByTagName('ul');



	while(tempNode.tagName!="UL") {



		tempNode = tempNode.parentNode;

	}

	

	if(tempNode.getElementsByTagName('div').length) {

		tempNodeDIV = tempNode.getElementsByTagName('div')[0];



		// Display Collapse Image, Hide Expand Image

		if(tempNodeDIV.getElementsByTagName('img').length) {

			for(i=0;i<tempNodeDIV.getElementsByTagName('img').length;i++) {

				if(tempNodeDIV.getElementsByTagName('img')[i].className=="leftNavCollapse")

					tempNodeDIV.getElementsByTagName('img')[i].style.display = "";

				if(tempNodeDIV.getElementsByTagName('img')[i].className=="leftNavExpand")

					tempNodeDIV.getElementsByTagName('img')[i].style.display = "none";

			}

		}

		// Set the onclick event to COLLAPSE

		if(tempNodeDIV.className=="menuExpander") {			

			// Set the Expandable Menu Header's onclick to COLLAPSE

			tempNodeDIV.onclick = function() {

				leftNavCollapse(this);

				return false;

			}

		}

	}



	for(index=0;index<nodeListUL.length;index++) {

		if(nodeListUL[index].className=="leftNavExpandableMenu" && nodeListUL[index].childNodes.length && nodeListUL[index]!=tempNode) {

			leftNavCollapse(nodeListUL[index].childNodes[0]);

		}

	}



	nodeListUL = tempNode.getElementsByTagName('li');



	// Show everything except the "View More" links

	for(i=0;i<nodeListUL.length;i++) {

		if(nodeListUL[i].className=="viewMore")

			nodeListUL[i].style.display = "none";

		else 
		nodeListUL[i].style.display = "";

	}

}



/*

*

* leftNavCollapseAll()

*

*/

function leftNavCollapseAll() {

	var nodeList = document.getElementById('leftNavContainer').getElementsByTagName('ul');

	var collapseItem;

	var menuItems;

	var i=0;

	var j=0;



	for(i=0;i<nodeList.length;i++) {

		if(nodeList[i].className=="leftNavExpandableMenu") {

		

			collapseItem = nodeList[i];



			////////////////////////////////////////////////////////////////////

			// Set the Expandable Menu Header's DIV onclick to EXPAND

			//

			var expanderDiv = collapseItem.getElementsByTagName('div');

			if(expanderDiv.length) {	

				for(j=0;j<expanderDiv.length;j++) {

					if(expanderDiv[j].className=="menuExpander") {			

						expanderDiv[j].onclick = function() {

							leftNavExpand(this);

							return false;

						}

					}

				}

			}





			menuItems = collapseItem.childNodes;



			for(j=0;j<menuItems.length;j++) {

				if(menuItems[j].tagName=="LI") {

					if(menuItems[j].className=="viewMore")

						menuItems[j].style.display = "";

					else menuItems[j].style.display = "none";

				}

			}



		}

	}		

}



/*

*

* makeLeftNavVisible()

*

*/

function makeLeftNavVisible() {

	document.getElementById('leftNavContainer').style.display = "";

	document.getElementById('leftNavContainer').style.visibility = "visible";

}