function doMenu (itemToShow, totalItems) {
	
	// go through every menu div (1...9) and it's corresponding content div (10...90)
	// and hide it
	for (i=1;i<=totalItems;i++)	{
			j = i.toString(); 					// might not even need this
			k = j + '0';						// this give us the content div which is always 10x
												// the menu div	number
			if (document.getElementById){
				document.getElementById(j).style.display = "none";
				document.getElementById(k).style.display = "none";
			}
			else if (document.all){ 
				document.all[j].style.display = "none";
				document.all[k].style.display = "none";
			}
			else if (document.layers){
				document.layers[j].style.display = "none";
				document.layers[k].style.display = "none";
			}
	}
	
	// display the div we want displayed and the content div associated with it
	
	item2Show = itemToShow + '0';				// get the content div string (10x the menu div num)
	if (document.getElementById){
		document.getElementById(itemToShow).style.display = "block";
		document.getElementById(item2Show).style.display = "block";
	}
	else if (document.all){ 
		document.all[itemToShow].style.display = "block";
		document.all[item2Show].style.display = "block";
	}
	else if (document.layers){
		document.layers[itemToShow].style.display = "block";
		document.layers[item2Show].style.display = "block";
	}

}

function showDivs (divA, divB) {

	if (document.getElementById){
		 document.getElementById(divA).style.display = "block"; 
		 document.getElementById(divB).style.display = "block"; 
	 }
	else if (document.all){ 
		 document.all[divA].style.display = "block";
		 document.all[divB].style.display = "block";
	}
	else if (document.layers){
		 document.layers[divA].style.display = "block";
		 document.layers[divB].style.display = "block";
	}

}


function hideDivs (divA, divB, divC, divD) {

	if (document.getElementById){
		 document.getElementById(divA).style.display = "none";
		 document.getElementById(divB).style.display = "none";
		 document.getElementById(divC).style.display = "none";
		 document.getElementById(divD).style.display = "none";
	 }
	else if (document.all){ 
		 document.all[divA].style.display = "none";
		 document.all[divB].style.display = "none";
		 document.all[divC].style.display = "none";
		 document.all[divD].style.display = "none";
	}
	else if (document.layers){
		 document.layers[divA].style.display = "none";
		 document.layers[divB].style.display = "none";
		 document.layers[divC].style.display = "none";
		 document.layers[divD].style.display = "none";
	}

}


function hideArray (divs) {
	
for (x in divs)
{
	if (document.getElementById){
		document.getElementById(divs[x]).style.display = "none";
	}
	else if (document.all){ 
		document.all[divs[x]].style.display = "none";
	}
	else if (document.layers){
		document.layers[divs[x]].style.display = "none";
	}
}
	
}



function hideDiv (div) {

	if (document.getElementById){
		 document.getElementById(div).style.display = "none"; 
	 }
	else if (document.all){ 
		 document.all[div].style.display = "none";
	}
	else if (document.layers){
		 document.layers[div].style.display = "none";
	}

}

function showDiv (div) {

	if (document.getElementById){
		 document.getElementById(div).style.display = "block"; 
	 }
	else if (document.all){ 
		 document.all[div].style.display = "block";
	}
	else if (document.layers){
		 document.layers[div].style.display = "block";
	}

}

function doJump() {

theAnchor = window.location.hash;
document.write(theAnchor);

if (theAnchor == "#two") { hideDiv("10"); hideDiv("1"); showDiv("2"); showDiv("20"); }

if (theAnchor == "#three") { hideDiv("10"); hideDiv("1"); showDiv("3"); showDiv("30"); }

if (theAnchor == "#four") { hideDiv("10"); hideDiv("1"); showDiv("4"); showDiv("40"); }

if (theAnchor == "#five") { hideDiv("10"); hideDiv("1"); showDiv("5"); showDiv("50"); }

if (theAnchor == "#six") { hideDiv("10"); hideDiv("1"); showDiv("6"); showDiv("60"); }

}