/* quickbar navigation */
var counter = false;

function showQbSubs(){
	subCon = document.getElementById('quicksubitems');
	
	if(subCon.style.display=='block'){
		subCon.style.display = 'none';
		
	} else {
		subCon.style.display = 'block';
		holdQbSubs();
	}
	
}

function hideQbSubs(){	
	counter = setTimeout('showQbSubs();',1500);
}

function holdQbSubs(){
	clearTimeout(counter);
}



/* mainnavigation */
// collect all main navigation items and return them in an array
navMainItems = new Array();

function _getMainNavItems(){
	var navCon = document.getElementById('nav');
	var navItems = navCon.getElementsByTagName('LI');
	
	for(i=0; i < navItems.length; i++){
		var navItem = navItems[i];
		if(navItem.className == 'mainitem'){
			navMainItems[navMainItems.length] = navItem.id;
		}
	}
	return navMainItems;
}

// initialize navigation. Give main and sub onclick, mouseover and mouseout attributes
function _initNavigation(){
	var navItemsToSet = _getMainNavItems();
	for(i=0; i < navItemsToSet.length; i++){
		var navItem = navItemsToSet[i];		
		
		document.getElementById(navItem).onclick=function(){ showSub(this.id); lockMenuItem(this.id) };
		document.getElementById(navItem).onmouseover=function(){ holdSub() };
		document.getElementById(navItem).onmouseout=function(){ hideSub(this.id) };
		
		// add functionality to the subitems
		var subItems = document.getElementById(navItem).getElementsByTagName("LI");
		for(j=0; j < subItems.length; j++){
			var subItem = subItems[j];
			subItem.onmouseover=function(){ 
				holdSub();
				// set mouseoverimage from main
				//this.parentNode.parentNode.childNodes[0].childNodes[0].setAttribute( "src", preloadedImages[ this.parentNode.parentNode.childNodes[0].childNodes[0].getAttribute( "rollover" ) ].src );
				//this.childNodes[0].childNodes[0].setAttribute( "src", preloadedImages[ this.childNodes[0].childNodes[0].getAttribute( "rollover" ) ].src );
			};
			subItem.onmouseout=function(){ 
				hideSub(this.parentNode.parentNode.id) 
				// set mouseoverimage from main	
				//this.parentNode.parentNode.childNodes[0].childNodes[0].setAttribute( "src", this.parentNode.parentNode.childNodes[0].childNodes[0].getAttribute( "original" ) );
			};
		}
	}
}

// diasable a mainitem
function lockMenuItem(which){
	var theItem = document.getElementById(which);
	theItem.childNodes[0].childNodes[0].setAttribute( "src", preloadedImages[ theItem.childNodes[0].childNodes[0].getAttribute( "rollover" ) ].src );
	theItem.onmouseover = function(){ return false; };
	theItem.onmouseout = function(){ return false; };	
}
//enable a mainitem
function releaseMainItem(which){
	var theItem = document.getElementById(which);
	theItem.setAttribute('onmouseover', 'holdSub()');
	theItem.setAttribute('onmouseout', 'hideSub(this.id)');
}

// hide the subitems of one mainitem
function _hideSingle(objID){
	document.getElementById(objID).className = document.getElementById(objID).className.replace(" over", "");
}

// hide all subitems from al mainitems
function _hideAll(){
	var allItems = _getMainNavItems();
	for(i=0; i < allItems.length; i++){
		var singleItem = allItems[i];	
		_hideSingle(singleItem);
	}
}

var timerID = false;

function showSub(which){
	_hideAll()
	var theItem = document.getElementById(which);
	theItem.className+= " over"
	//theItem.childNodes[0].childNodes[0].setAttribute( "src", preloadedImages[ theItem.childNodes[0].childNodes[0].getAttribute( "rollover" ) ].src );
}
	
function holdSub(){
	clearTimeout(timerID);
	//var theItem = document.getElementById(theItem);
	//alert(document.getElementById(theItem).childNodes[0].childNodes[0].nodeName);
	//theItem.childNodes[0].childNodes[0].setAttribute( "src", preloadedImages[ theItem.childNodes[0].childNodes[0].getAttribute( "rollover" ) ].src );
}	

function hideSub(which){
	clearTimeout(timerID);
	timerID = setTimeout("_hideSingle('" + which + "')", 1500);
	//var theItem = document.getElementById(which);
	//releaseMainItem(theItem);
}


addOnLoadFunction("_initNavigation");