<!-- start hiding 
	function showlayer1(){
		toggleVis('layer5');	//hide to be shown only when javascript is disabled, normal 'show'
		toggleVis('layer1'); 	//show 
	}
	function largephoto_new(num){
		toggleVis('parentDiv');	//hide
		toggleVis('layer3');	//hide
		toggleVis('layer2');	//hide
		toggleVis('layer1'); 	//show 
		document.getElementById("2photo").src = $ImageDir + extract(slide[num],1);
		document.getElementById("layer3").innerHTML = '<SPAN CLASS="blue14Text">'+ extract(slide[num],2) + '</SPAN>';
	}
	function photoloaded1(){
		toggleVis('layer1');  	//hide
		toggleVis('layer3');	//show 
		toggleVis('layer4'); 	//show
	}
	function showplanagin(){	
		toggleVis('layer4'); 	//hide
		toggleVis('layer2');	//show
		toggleVis('parentDiv');	//show 
	}
	function loadall(){ 
		toggleVis('layer1');  	//hide
		toggleVis('layer2');	//show
		toggleVis('parentDiv');	//show 
	}
	function loadmain(){
		toggleVis('nobackbutton');	//hide 
		toggleVis('backbutton');	//show
	}
	function loadmap(){ 
		toggleVis('layer1');  	//hide
		toggleVis('layer2');	//show
	}
	function toggleVis(groupId){
		// the element that contains the area to hide/show
		toToggle = document.getElementById(groupId);

		// toggle the class attribute to change visibility
		currentClass = toToggle.className;
		if(currentClass == '' || currentClass == 'show'){
			toToggle.className = 'hide';
		}
		else{
			toToggle.className = 'show';
		}
	}
-->