/**
 * @author Matt
 */

function toggleLayer( whichLayer, textDivName, text ) {
	  
	var elem, vis;
  	
	// get the div containing the text
	var textDiv = document.getElementById( textDivName );
	
  	if( document.getElementById ){ // this is the way the standards work
    	
    	elem = document.getElementById( whichLayer );
 	
 	}else if( document.all ){ // this is the way old msie versions work
     	
     	elem = document.all[whichLayer];
  	
  	}else if( document.layers ){ // this is the way nn4 works
    
    	elem = document.layers[whichLayer];
  	
  	}
	
	vis = elem.style;
	  	
  	// if the style.display value is blank we try to figure it out here
  	if(vis.display=='' && elem.offsetWidth != undefined && elem.offsetHeight != undefined){
    
    	vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  	}
 	
  	// change the display style of the div and the text
	if(vis.display == '' || vis.display == 'block'){
	
		vis.display = 'none';
		textDiv.innerHTML = '+ show ' + text;
		
	}else{
		
		vis.display = 'block';
		textDiv.innerHTML = '- hide ' + text;
	}
}