//sidenav include 03/22/2005	
	
	//var productCategory = "ola loa" //PO: debug

	//relativePathToRoot may or may not have been declared in calling page - declare it just in case
	var relativePathToRoot;
	//create an undefined "constant"
	var UNDEFINED;
	
	//if relativePathToRoot is undefined assign a default
	if(relativePathToRoot == UNDEFINED){
		relativePathToRoot = "";
	} else {
		//relativePathToRoot defined in calling page - do nothing
	}

	var productNav = new Array();
	
	//first element of each 'productSection array is product section heading
	//each element is followed by it's URL 
	//rest are subsections
	
	var productSection = new Array("Club Stellar Spa", "about/join-club-stellar.html");
	productNav[0] = productSection;

	var productSection = new Array("In the Press", "about/press.html");
	productNav[1] = productSection;

	var productSection = new Array("Spa Policies", "about/stellar-spa.html");
	productNav[2] = productSection;

	var productSection = new Array("Online Shopping", "about/catalog-online.html");
	productNav[3] = productSection;

	var productSection = new Array("Employment", "about/career-opportunities.html");
	productNav[4] = productSection;

	var productSection = new Array("Take a Spa Tour", "about/spa-tour.html");
	productNav[5] = productSection;

	var productSection = new Array("Contact Us", "about/contact-us.html");
	productNav[6] = productSection;

	//find the section - may be a section or a subsection
	var sections = productNav.length;
	var hasSubSection = 0;
	for(index = 0; index < sections; index=index+1){
		var sectionLength = productNav[index].length;
		for (index2 = 0; index2 < sectionLength; index2=index2+2){
			//productCategory is global variable set in page
			if(productNav[index][index2].toLowerCase() == currentPage.toLowerCase()){
				if(index2 > 0){
					//category is a subsection set variables accordingly
					hasSubSection = 1;
					var currentSubSection = productNav[index][index2];
					//current section is the first item in this array - set that
					var currentSection = productNav[index][0];
				} else {
					//selected category is a main section
					var currentSection = productNav[index][index2];
					var currentSubSection = "";
				}										
			} 
		}
	}
	
	//alert(currentSection);  //PO: debug
	//alert(currentSubSection);  //PO: debug
	
	//now build nav
	var navBlob = "";
	for(index = 0; index < sections; index=index+1){
	
		var sectionLength = productNav[index].length;
		
		//beginning of section so create section heading nav
		//currentSection is global variable set in head of each page
		if(productNav[index][0] == currentSection){
			//currentSection so we'll highlight
			//navBlob += '\n\n';			
			navBlob += '<tr><td colspan="2">';
			navBlob += '<a href="' + relativePathToRoot + productNav[index][1] + '" class="sidenavheadlinkspaon">';
			navBlob += productNav[index][0]; 
			navBlob += '</a></td></tr>';
			//add a spacer row
			navBlob += '<tr><td colspan="2"><img src="/lib/stellarspa/v2-spacer.gif" alt="" border="0" width="1" height="3"></td></tr>';
			//navBlob += '\n';
		} else {
			//navBlob += '\n\n';			
			navBlob += '<tr><td colspan="2">';
			navBlob += '<a href="' + relativePathToRoot + productNav[index][1] + '" class="sidenavheadlinkspa">';
			navBlob += productNav[index][0]; 
			navBlob += '</a></td></tr>';
			//add a spacer row
			navBlob += '<tr><td colspan="2"><img src="/lib/stellarspa/v2-spacer.gif" alt="" border="0" width="1" height="3"></td></tr>';
			//navBlob += '\n';
		}

		//now display the subnav if there is any, but only if section is current
		if(productNav[index][0] == currentSection){
			for (index2 = 2; index2 < sectionLength; index2=index2+2){
				if(productNav[index][index2] == currentSubSection){
					navBlob += '<tr><td><img src="/lib/stellarspa/v2-sidenav-arrow.gif" alt="" border="0" width="10" height="10" align="absmiddle"></td>';
					navBlob += '<td>';
					navBlob += '<a href="' + relativePathToRoot + productNav[index][index2 + 1] + '" class="sidenavlinkspaon">'
					navBlob += productNav[index][index2]; 
					navBlob += '</a></td></tr>';
					//add a spacer row
					navBlob += '<tr><td colspan="2"><img src="/lib/stellarspa/v2-spacer.gif" alt="" border="0" width="1" height="3"></td></tr>';
					//navBlob += '\n';
				} else {
					navBlob += '<tr><td><img src="/lib/stellarspa/v2-spacer.gif" alt="" border="0" width="10" height="10" align="absmiddle"></td>';
					navBlob += '<td>';
					navBlob += '<a href="' + relativePathToRoot + productNav[index][index2 + 1] + '" class="sidenavlinkspa">'
					navBlob += productNav[index][index2]; 
					navBlob += '</a></td></tr>';
					//add a spacer row
					navBlob += '<tr><td colspan="2"><img src="/lib/stellarspa/v2-spacer.gif" alt="" border="0" width="1" height="3"></td></tr>';
					//navBlob += '\n';
				}
			}
		}
		
		//end of section - if any subnav and displayed put a little space below.
		if(sectionLength > 2 && productNav[index][0] == currentSection){
			navBlob += '<tr><td colspan="2"><img src="spacer.gif" alt="" border="0" width="1" height="4"></td></tr>';
		}
	}