function loadup() {
	navigation ();
}

//return array of classes by name - http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
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)
}

function navigation() {
	//mouse over navigation show subnav
	var navId = document.getElementById('nav');
	var navList = navId.getElementsByTagName('li');
	var navElement = navId.getElementsByTagName('a');
	var navListContainer = navId.getElementsByTagName('ul');
	

	
	
	var timer = '';
	
	for (var i=0;i<navListContainer.length;i++) {
		if (navListContainer[i].className == 'subNav') {
			var navLCase = navListContainer[i].parentNode.id.toLowerCase();
			navListContainer[i].parentNode.firstChild.onmouseover = showSubNav;
			navListContainer[i].parentNode.firstChild.onmouseout = resetSubNav;
			for (var j=0;j<navListContainer[i].getElementsByTagName('a').length;j++) {
				navListContainer[i].getElementsByTagName('a')[j].onmouseover = stopTimer;
				navListContainer[i].getElementsByTagName('a')[j].onmouseout = resetSubNav;
			}
			if (navLCase.indexOf(document.body.id) > 0) {
				navListContainer[i].style.display = 'block';
				navListContainer[i].parentNode.className = 'selector';
			} else {
				navListContainer[i].style.display = 'none';
				navListContainer[i].parentNode.className = '';
			}
			
		}
	}
	
	var navigationId = document.getElementById('navigation');
	navigationId.className = 'navStartActive';

	
	function showSubNav() {
		stopTimer();
		for (var i=0;i<navListContainer.length;i++) {
			if (navListContainer[i].className == 'subNav') {
				navListContainer[i].style.display = 'none';
				navListContainer[i].parentNode.className = '';
			}
		}
		//alert(this.nodeName);
		this.parentNode.className = 'selector';
		//alert(this.className);
		this.nextSibling.nextSibling.style.display = 'block';
	}
	
	function stopTimer() {
		clearTimeout(timer);
	}
	
	function resetSubNav() {
		timer = setTimeout('testtimeout()',3000);
	}
	
	testtimeout = function() {
		navigation();
	}

	//mouse over navigation show subnav
}

window.onload = loadup;