//	Toggle.js
//
//	Toggles a layer i.e. changes css.visibility.
//
//	function toggle(layerName, mode)
//	-----------------------------------------------------
//	<LayerName>			Layer to be toggled
//	<mode>				"on" for visible, any other string for hidden
//

// browser independent access to a layer's css 
function layerCSS(divName)
{
	if (document.layers)
	{	
		// ns
		return document.layers[divName];
	} else {
		// ie
		return document.all.tags("div")[divName].style;
	}
}

// core function
function toggle(layerName, mode)
{
	(mode == "on") ? showHide(layerName,true) : showHide(layerName,false);
}



//=================================================
//
//	ShowHide (for NS6.2 also !!!
//
//=================================================

cssAllowed=(document.getElementById||document.layers||document.all)?true:false;
cssMessage="CSS not supported. Please upgrade your browser.";

function showHide(eID,on){
	if(!cssAllowed){alert(cssMessage)}
		else{
			myLayer=new layerObject(eID)
			if(on){myLayer.css.visibility="visible"}
			else{myLayer.css.visibility="hidden"}
	}
}
function displayOnOff(eID,on){
	if(!cssAllowed){alert(cssMessage)}
		else{
			myLayer=new layerObject(eID)
			if(on){myLayer.css.display="block"}
			else{myLayer.css.display="none"}
	}
}

function layerObject(eID){
	if(document.getElementById){this.css=document.getElementById(eID).style;}
	else if(document.layers){this.css=document.layers[eID];}
	else if(document.all){this.css=document.all[eID].style;}
	return this
}



function moveIt(distance){
	if(!cssAllowed){alert(cssMessage)}
	else{
		if(document.getElementById){distance+="px"}
			myLayer=new layerObject('mark')
			myLayer.css.left=distance;
		}
}


function switchvisible(eID){
	if(!cssAllowed){alert(cssMessage)}
		else{
			myLayer=new layerObject(eID)
			
			if(myLayer.css.display!="block"){
				myLayer.css.display="block"
			}
			else{
				myLayer.css.display="none"
			}
	}
}