//john reeve did this

var navTimer = 0;
var delay = 250;
var currentLayer;
var staticLayer;

function toggleLayer (toggleLayerName, toggleSwitch) {
	document.getElementById('menu_' + toggleLayerName).style.display = toggleSwitch; 
}

//turn a layer on if on that page
function statify(layerName) {
	staticLayer = layerName;
	changeImages('tab_' + layerName, 'tab_' + layerName + '_on');
}

//navOver initiated by mouseOver on nav image
function navOver(layerName) { 
	clearTimeout(navTimer); //clear any leftover timers
	if (currentLayer != null) { // turn off old layer right away if it's on
		toggleLayer(currentLayer,'none');
		changeImages('tab_' + currentLayer, 'tab_' + currentLayer + '_off');
	}
	if (staticLayer != null) { //turn off the static layer if on a subsection
		changeImages('tab_' + staticLayer, 'tab_' + staticLayer + '_off');
	}
	currentLayer = layerName; //remember the old layer for the next round
	changeImages('tab_' + layerName, 'tab_' + layerName + '_on');

	toggleLayer(layerName,'block');
}

//navOut initiated by mouseOut of nav image
function navOut(layerName) {
	offLayer = "turnOff('" + layerName + "');";
	navTimer = setTimeout(offLayer, delay);
}

//subNavOver initiated by mouseOver on subnav layer (resets timer)
function subnavOver(layerName) {
	clearTimeout(navTimer);
}

//turnOff initiated by navOut function
function turnOff(layerName) {
	toggleLayer(layerName,'none');
	changeImages('tab_' + layerName, 'tab_' + layerName + '_off');
	//if static layer is set, turn that back on
	if (staticLayer != null) {
		changeImages('tab_' + staticLayer, 'tab_' + staticLayer + '_on');
	}
}