<!--// Hide from old browsers

/****************  Show/Hide Case Studies Imgs  *************/
/* Toggle the visibility of layers 	*/
/* all elements assigned a specific Class and then change	*/
/* the Values for an Attribute of the style					*/
/* Last Updated: 7 July 2004; andy@motive.co.nz				*/
/* Derrived principally from:								*/
/* http://www.markup.co.nz/dom/styleClass_with_dom.htm		*/
/************************************************************/

var allDlayers = new Array("layer1","layer2","layer3"); // All Show/Hide Layers

// build ID string for layer appropriate to browser DOM
function getElem(layerName)
{
return document.all ? document.all(layerName).style :
document.getElementById ? document.getElementById(layerName).style :
document.layers ? document.layers[layerName] :
null;
}

// Show only (i.e. doens't un-show on double-click)
function toggle(layerName, arrayName)
{
	// Get the correct id string
	var el = getElem(layerName);	
	if (el.display == "block") {	
		// nothing element already visible
	} else {
		hideLayer(layerName, arrayName);
		el.display = "block";	
	}
} // End toggle
 
// Hide other layers
function hideLayer(layerName, arrayName)
{	
	for (i=0;i<arrayName.length; i++) 
	{
		if (arrayName[i] != layerName) {
			var el = getElem(arrayName[i]);
			el.display = "none";
		}
	}
} // End hideLayer
	
	
// -->