var isDom = true;
function init() {
	if(!document.getElementById || !document.createElement) {
		isDom = false;
		return false;
	}
	
	var oGlobalNav = document.getElementById('nav') || false;
	if(!oGlobalNav) return false;
	
	// store the active item so that mouseout events can restore its state
	if(getElementsByClassName(oGlobalNav, "LI", "section") != '') {
		var oActiveElement = getElementsByClassName(oGlobalNav, "LI", "section")[0].getElementsByTagName('A')[0];
		window[oActiveElement] = oActiveElement;
	} else {
		window[oActiveElement] = '';
	}
	
	var isIE = (document.all && document.getElementById);
	var items = document.getElementById("nav").getElementsByTagName("LI");
	var currentTopLevelItem = '';

	for (i = 0; i < items.length; i++) {
		var item = items[i];

		// is a top level item?
		if(item.parentNode.id == 'top') {
			// get ref to top level items and setAttribute on sub items for easy reference later
			currentTopLevelItem = item.id;
		
			// top level item events
			item.onmouseover = function() {
				var oSection = this.getElementsByTagName('A')[0];
				this.className = " active"
				oSection.className = " active";
			}
			item.onmouseout = function() {
				var oSection = this.getElementsByTagName('A')[0];
				if(oSection != oActiveElement) {
					oSection.className = "";
				}
				this.className = "";
			}

		// sub item
		} else {
			// store parent item as attribute
			item.setAttribute('parent', currentTopLevelItem);
			
			item.onmouseover = function() {
				//  easier getting the first A with ...ByTagName then childNodes[0] since ff and ie disagree about first child 
				var oParent = document.getElementById(this.getAttribute('parent')).getElementsByTagName('A')[0];
				oParent.className += " active";
			}
			item.onmouseout = function() { 
				var oParent = document.getElementById(this.getAttribute('parent')).getElementsByTagName('A')[0];
				if(oActiveElement != oParent) {
					oParent.className = "";
				}
			}
		}
	}
}

addEvent(window, 'load', init);



/*
    Written by Jonathan Snook, http://www.snook.ca/jonathan
    Add-ons by Robert Nyman, http://www.robertnyman.com
*/

function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}



// 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;
};