function highlight(obj) {
			var el = document.getElementById(obj);
			//el.style.backgroundColor = '#666666';
			el.style.backgroundImage="url(/images/edit_this.gif)";
			el.style.backgroundPosition="left";
			el.style.backgroundRepeat="repeat";

		}

function unhighlight(obj) {
			var el = document.getElementById(obj);
			//el.style.backgroundColor = '#FFFFFF';
			el.style.backgroundImage="none";
		}
		
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.display = newVisibility;
		return true;
	} else {
		// we couldn't find the object, so we can't change its visibility
		return false;
	}
}


function hideAll()
{
changeObjectVisibility("stanley_further","none");
changeObjectVisibility("liquid_further","none");

}

// function switchDiv()
//  this function takes the id of a div
//  and calls the other functions required
//  to show that div
//
function switchDiv(obj, display) {
	var el = document.getElementById(obj);
	hideAll();
	el.style.display = 'block';
}

function showDiv(obj, display) {
	var el = document.getElementById(obj);
	hideAll();
	el.style.display = 'block';
}
function hideDiv(obj, display) {
	var el = document.getElementById(obj);
	hideAll();
	el.style.display = 'none';
}

	
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';
}	

