// function switchDiv()
		//  this function takes the id of a div
		//  and calls the other functions required
		//  to show that div
		//
		function switchDiv(obj) {
			var el = document.getElementById(obj);
			hideAll();
			el.style.display = 'block';
		}
		
		// function hideAll()
		//  hides a bunch of divs
		//
		function hideAll()
		{
		   changeObjectVisibility("home","hidden");
		   changeObjectVisibility("about","hidden");
		   changeObjectVisibility("resorts","hidden");
		   changeObjectVisibility("villas","hidden");	
		   changeObjectVisibility("tailored","hidden");	
		   changeObjectVisibility("cuisine","hidden");	
		   changeObjectVisibility("events","hidden");	
		   changeObjectVisibility("contact","hidden");	

		}
		
		// function getStyleObject(string) -> returns style object
		//  given a string containing the id of an object
		//  the function returns the stylesheet of that object
		//  or false if it can't find a stylesheet.  Handles
		//  cross-browser compatibility issues.
		//
		function getStyleObject(objectId) {
		  // checkW3C DOM, then MSIE 4, then NN 4.
		  //
		  if(document.getElementById && document.getElementById(objectId)) {
				return document.getElementById(objectId).style;
		   }
		   else if (document.all && document.all(objectId)) {  
				return document.all(objectId).style;
		   } 
		   else if (document.layers && document.layers[objectId]) { 
				return document.layers[objectId];
		   } else {
				return false;
		   }
		}
		
		function changeObjectVisibility(objectId, newVisibility) {
		
			// first get a reference to the cross-browser style object 
			// and make sure the object exists
			var styleObject = getStyleObject(objectId);
			if(styleObject) {
				styleObject.visibility = newVisibility;
				return true;
			} else {
				// we couldn't find the object, so we can't change its visibility
				return false;
			}
			hideAll();

		}
		
		function DoMenu(objectId, newVisibility){
			hideAll();
			changeObjectVisibility(objectId, newVisibility);
		
		}
		
		
		function toggleLayer( whichLayer )
		{
		  var elem, vis;
		  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';
		  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
		}