function colorChange(column){

	//alert("In colorChange; column is: " + column);
	//alert("appName: " + navigator.appName);

		if (column > 4){
			column = column - 4;
			load();				// this should load the google map;  see googleMap.js for load() function
		}
	
		if (column == 1){
			if(navigator.appName == "Microsoft Internet Explorer"){

				//alert( "in the first conditional");
				document.all.cards.style.backgroundColor = "#dd0000";
				document.all.magic.style.backgroundColor = "#aaaaaa";
				document.all.strange.style.backgroundColor = "#aaaaaa";
				document.all.other.style.backgroundColor = "#aaaaaa";

				//alert("In Column==1 appName=MS Internet Explorer");

			}
		
			if(navigator.appName == "Netscape"){

				//alert("In Column==1 appName=Netscape");

				//document.getElementById("cards").style.backgroundColor = "#dd0000";

				document.getElementById("ulitem0z0").style.backgroundColor = "#dd0000";
				document.getElementById("ulitem0z1").style.backgroundColor = "#aaaaaa";
				document.getElementById("ulitem0z2").style.backgroundColor = "#aaaaaa";
				document.getElementById("ulitem0z3").style.backgroundColor = "#aaaaaa";

				//alert("In Column==1 appName=Netscape; just after the color change");

			}
			else{
			//	alert("in the else conditional");
			//	window.document['menuhead0'].bgColor="#dd0000";
			//	alert("In Cards");
			}		
		}
	
		if (column == 2){
			if(navigator.appName == "Microsoft Internet Explorer"){

				document.all.magic.style.backgroundColor = "#dd0000";
				document.all.cards.style.backgroundColor = "#aaaaaa";
				document.all.strange.style.backgroundColor = "#aaaaaa";
				document.all.other.style.backgroundColor = "#aaaaaa";

			}
		
			if(navigator.appName == "Netscape"){

				//alert("In Column==2 appName=Netscape");

				document.getElementById("ulitem0z0").style.backgroundColor = "#aaaaaa";
				document.getElementById("ulitem0z1").style.backgroundColor = "#dd0000";
				document.getElementById("ulitem0z2").style.backgroundColor = "#aaaaaa";
				document.getElementById("ulitem0z3").style.backgroundColor = "#aaaaaa";

				//alert("In Column==2 appName=Netscape; just after the color change");

			}
			else{
			//	alert("in the else conditional");
			//	window.document['menuhead0'].bgColor="#dd0000";
			//	alert("In Magic");
			}
		}
		
		if (column == 3){
			if(navigator.appName == "Microsoft Internet Explorer"){

				document.all.magic.style.backgroundColor = "#aaaaaa";
				document.all.cards.style.backgroundColor = "#aaaaaa";
				document.all.strange.style.backgroundColor = "#dd0000";
				document.all.other.style.backgroundColor = "#aaaaaa";

			}
			if(navigator.appName == "Netscape"){

				//alert("In Column==3 appName=Netscape");

				document.getElementById("ulitem0z0").style.backgroundColor = "#aaaaaa";
				document.getElementById("ulitem0z1").style.backgroundColor = "#aaaaaa";
				document.getElementById("ulitem0z2").style.backgroundColor = "#dd0000";
				document.getElementById("ulitem0z3").style.backgroundColor = "#aaaaaa";

				//alert("In Column==3 appName=Netscape; just after the color change");

			}
			else{
				//window.document['columnHeadStrange'].bgColor="#dd0000";
				//alert("In Strange");
			}		
		}
		
		if (column == 4){
			if(navigator.appName == "Microsoft Internet Explorer"){

				document.all.magic.style.backgroundColor = "#aaaaaa";
				document.all.cards.style.backgroundColor = "#aaaaaa";
				document.all.strange.style.backgroundColor = "#aaaaaa";
				document.all.other.style.backgroundColor = "#dd0000";
			
			}
			if(navigator.appName == "Netscape"){

				//alert("In Column==4 appName=Netscape");

				document.getElementById("ulitem0z0").style.backgroundColor = "#aaaaaa";
				document.getElementById("ulitem0z1").style.backgroundColor = "#aaaaaa";
				document.getElementById("ulitem0z2").style.backgroundColor = "#aaaaaa";
				document.getElementById("ulitem0z3").style.backgroundColor = "#dd0000";

				//alert("In Column==4 appName=Netscape; just after the color change");

			}
			else{
			//	window.document['columnHeadOther'].bgColor="#dd0000";
			//	alert("In Other");
			}
		}
	

	// alert ("end of the color change function");

	}		// end colorChange()


	function highlightItem(itemid){

	//var highlight = "#0088bb";	// blue
	//var highlight = "#dd0000";	// deep red
	var highlight = "#efefef";	// md/drk grey


	//alert("you rolled over nav item: " + itemid);

	// clear all the backgrounds first
	//clearAllHighlights();


	// now set the right one with the highlight and switch the main picture
	
		if (itemid == '1'){
			//alert("you rolled over image" + itemid);
			clearHighlights();
			document.all.nav1.style.backgroundColor = highlight;
			//document.all.imagenav1.src = "stroke_heart.jpg";
		}
		if (itemid == 2){
			//alert("you rolled over image" + itemid);
			clearHighlights();
			document.all.nav2.style.backgroundColor = highlight;
		}
		if (itemid == 3){
			//alert("you rolled over image" + image_id);
			clearHighlights();
			document.all.nav3.style.backgroundColor = highlight;
		}
		if (itemid == 4){
			//alert("you rolled over image" + image_id);
			clearHighlights();
			document.all.nav4.style.backgroundColor = highlight;
		}
		if (itemid == 5){
			//alert("you rolled over image" + image_id);
			clearHighlights();
			document.all.nav5.style.backgroundColor = highlight;
		}
		if (itemid == 6){
			//alert("you rolled over image" + image_id);
			clearHighlights();
			document.all.nav6.style.backgroundColor = highlight;
		}
		if (itemid == 7){
			//alert("you rolled over image" + image_id);
			clearHighlights();
			document.all.nav7.style.backgroundColor = highlight;
		}
		if (itemid == 8){
			//alert("you rolled over image" + image_id);
			clearHighlights();
			document.all.nav8.style.backgroundColor = highlight;
		}
		if (itemid == 9){
			//alert("you rolled over image" + image_id);
			clearHighlights();
			document.all.nav9.style.backgroundColor = highlight;
		}
		if (itemid == 10){
			//alert("you rolled over image" + image_id);
			clearHighlights();
			document.all.nav10.style.backgroundColor = highlight;
		}
		if (itemid == 11){
			//alert("you rolled over image" + image_id);
			clearHighlights();
			document.all.nav11.style.backgroundColor = highlight;
		}


	}


	function clearHighlights() {


		//alert("in the clearAllHighlights() function");

		var highlightNot="#ffffff";


		if(document.getElementById('nav1')){
			document.all.nav1.style.backgroundColor="#ffffff";
		}


		if(document.getElementById('nav2')){
			document.all.nav2.style.backgroundColor="#ffffff";
		}


		if(document.getElementById('nav3')){
			document.all.nav3.style.backgroundColor="#ffffff";
		}


		if(document.getElementById('nav4')){
			document.all.nav4.style.backgroundColor="#ffffff";
		}


		if(document.getElementById('nav5')){
			document.all.nav5.style.backgroundColor="#ffffff";
		}


		if(document.getElementById('nav6')){
			document.all.nav6.style.backgroundColor="#ffffff";
		}


		if(document.getElementById('nav7')){
			document.all.nav7.style.backgroundColor="#ffffff";
		}


		if(document.getElementById('nav8')){
			document.all.nav8.style.backgroundColor="#ffffff";
		}


		if(document.getElementById('nav9')){
			document.all.nav9.style.backgroundColor="#ffffff";
		}


		if(document.getElementById('nav10')){
			document.all.nav10.style.backgroundColor="#ffffff";
		}

	
		if(document.getElementById('nav11')){
			document.all.nav11.style.backgroundColor="#ffffff";
		}

	}



function openBrWindow(theURL,winName,features) { 

  window.open(theURL,winName,features);

}