// to give a CSS-P layer popup functionality name it with id='yourLayerIDhere' and
// add to the triggering element (the "button"):
// onMouseOver="ActivateButton('yourLayerIDhere','layer2',...)" onMouseOut="DeactivateButton()"

var TriggeredLayers, ParentLayerName, LayerActiveFlags = new Array(), ButtonActiveFlags = new Array()

function GetLayerObj(layername) {
	if (document.layers) { // Nav4
		return document.layers[layername]
	}
	else if (document.all) { // IE4+
		return document.all.item(layername)
	}
	else if (document.getElementById ) { // Netsc6 and IE5
		return document.getElementById(layername)
	}
	return null
}

function ActivateBtn(layername,isChild) {
	var layerobject = GetLayerObj(layername)
	if (layerobject != null) {
		ButtonActiveFlags[layername] = true
		ChangeLayerVisibility(layername,'visible')
		// set event handler; makes 'this' relevant in function
		if (isChild) {
			layerobject.onmouseover = ActivateChildLayer
			layerobject.onmouseout = DeactivateChildLayer
		} else {
			layerobject.onmouseover = ActivateLayer
			layerobject.onmouseout = DeactivateLayer
		}
	}
}

function ActivateButton() {
	for (i=0; i<ActivateButton.arguments.length; i++) {  // handle multiple layers
		ActivateBtn(ActivateButton.arguments[i],false)
	}
	TriggeredLayers = ActivateButton.arguments
}

function ActivateChildButton() {
	for (i=0; i<ActivateChildButton.arguments.length; i++) {  // handle multiple layers
		ActivateBtn(ActivateChildButton.arguments[i],true)
	}
	TriggeredLayers = ActivateChildButton.arguments
}

function DeactivateButton() {
	var layername
	if (TriggeredLayers) {
		for (i=0; i<TriggeredLayers.length; i++) {  // handle multiple layers
			layername = TriggeredLayers[i]
			ButtonActiveFlags[ layername ] = false
			setTimeout("HidePopup(\'" + layername + "\')",5)
		}
	}
}

function ActivateLayer() {
	LayerActiveFlags[this.id] = true
	ParentLayerName = this.id
}

function DeactivateLayer() {
	LayerActiveFlags[this.id] = false
	setTimeout("HidePopup(\'" + this.id + "\')",5)
}

function ActivateChildLayer() {
	this.parentlayername = ParentLayerName
	LayerActiveFlags[this.id] = true
	LayerActiveFlags[ this.parentlayername ] = true
}

function DeactivateChildLayer() {
	LayerActiveFlags[this.id] = false
	LayerActiveFlags[ this.parentlayername ] = false
	setTimeout("HidePopup(\'" + this.id + "\')",5)
	setTimeout("HidePopup(\'" + this.parentlayername + "\')",5)
}

function ChangeLayerVisibility(layername,setting) {
	var layerobject = GetLayerObj(layername)
	if ( layerobject != null )
		if ( layerobject.style )
			layerobject.style.visibility = setting
		else
			layerobject.visibility = setting
}

function HidePopup(layername) {
	if ( !LayerActiveFlags[layername] && !ButtonActiveFlags[layername] )
		ChangeLayerVisibility(layername,'hidden')
}

// ------


function findTag(eItem) {
	var objATag = new Object();
	objATag = eItem.all.tags("A").item(0)
	return objATag;
}

function NavMOver(eItem){
	eItem.DefaultBgColor = eItem.style.backgroundColor;
	eItem.DefaultTxtColor = findTag(eItem).style.color;
	eItem.style.backgroundColor = "#80FFFF";
	findTag(eItem).style.color = "#000000";
	eItem.style.cursor="hand";
window.status = findTag(eItem).getAttribute("HREF");
}

function NavMOut(eItem){
	eItem.style.backgroundColor = eItem.DefaultBgColor;
	findTag(eItem).style.color=eItem.DefaultTxtColor
window.status= "";
}

function NavMClick(eItem){
	location.href= findTag(eItem).getAttribute("HREF")
}