var bLoaded = false;
var timer = null;
var onMenuItem = false;
var localState = null;

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

function mouseOver(obj) {
	if ( (obj == localState) || (!bLoaded) ) return false;
	var sPath = obj.src.substring( 0, obj.src.lastIndexOf('/') +1 );
	var sImg = obj.src.substring(obj.src.lastIndexOf('/') +1, obj.src.lastIndexOf('.'));
	if(sImg.indexOf('_on') == -1) obj.src = sPath + sImg + "_on.gif";
}

function mouseOut(obj) {
	if ( (obj == localState) || (!bLoaded) ) return false;
	if(onMenuItem) return false;
	var sPath = obj.src.substring( 0, obj.src.lastIndexOf('/') +1 );
	var sImg = obj.src.substring(obj.src.lastIndexOf('/') +1, obj.src.lastIndexOf('.'));
	if(sImg.indexOf('_on') != -1) obj.src = sPath + sImg.replace('_on', '') + ".gif";
}

function delayMouseOut(obj) {
	
}

function init() {

	// primary nav
	var cNav = document.getElementById('nav').getElementsByTagName('IMG');
	for(var i=0; i<cNav.length; i++) {
		if(cNav[i].src.indexOf('_on')!=-1) {
			localState = cNav[i];
			continue;
		}
		cNav[i].onmouseover = function() { mouseOver(this) }
		cNav[i].onmouseout = function() { mouseOut(this) }		
	}

	// primary sub nav
	var cSubNav = document.getElementById('nav').getElementsByTagName('A');
	for(var j=0; j<cSubNav.length; j++) {
		if(cSubNav[j].firstChild.nodeName != 'IMG') {
			cSubNav[j].onmouseover = function() {
				onMenuItem = true;
				mouseOver(this.parentNode.parentNode.parentNode.firstChild.firstChild);
			}
			cSubNav[j].onmouseout = function() {
				onMenuItem = false; 
				mouseOut(this.parentNode.parentNode.parentNode.firstChild.firstChild);
			}
		}
	}
	
	// local images in the body content that should rollover
	var oRollovers = document.getElementById('main').getElementsByTagName('IMG') || false;
	for(var k=0; k<oRollovers.length; k++) {
		if(oRollovers[k].className == 'rollover') {
			if(oRollovers[k].src.indexOf('_on')!=-1) continue;
			oRollovers[k].onmouseover = function() { mouseOver(this) }
			oRollovers[k].onmouseout = function() { mouseOut(this) }
		}
	}	
	
	bLoaded = true;
}

window.onload = init;

// written by Dean Edwards, 2005
// with input from Tino Zijdel

// http://dean.edwards.name/weblog/2005/10/add-event/

function addEvent(element, type, handler) {
	// assign each event handler a unique ID
	if (!handler.$$guid) handler.$$guid = addEvent.guid++;
	// create a hash table of event types for the element
	if (!element.events) element.events = {};
	// create a hash table of event handlers for each element/event pair
	var handlers = element.events[type];
	if (!handlers) {
		handlers = element.events[type] = {};
		// store the existing event handler (if there is one)
		if (element["on" + type]) {
			handlers[0] = element["on" + type];
		}
	}
	// store the event handler in the hash table
	handlers[handler.$$guid] = handler;
	// assign a global event handler to do all the work
	element["on" + type] = handleEvent;
};
// a counter used to create unique IDs
addEvent.guid = 1;

function removeEvent(element, type, handler) {
	// delete the event handler from the hash table
	if (element.events && element.events[type]) {
		delete element.events[type][handler.$$guid];
	}
};

function handleEvent(event) {
	var returnValue = true;
	// grab the event object (IE uses a global event object)
	event = event || fixEvent(window.event);
	// get a reference to the hash table of event handlers
	var handlers = this.events[event.type];
	// execute each event handler
	for (var i in handlers) {
		this.$$handleEvent = handlers[i];
		if (this.$$handleEvent(event) === false) {
			returnValue = false;
		}
	}
	return returnValue;
};

function fixEvent(event) {
	// add W3C standard event methods
	event.preventDefault = fixEvent.preventDefault;
	event.stopPropagation = fixEvent.stopPropagation;
	return event;
};
fixEvent.preventDefault = function() {
	this.returnValue = false;
};
fixEvent.stopPropagation = function() {
	this.cancelBubble = true;
};