/* ==================================================================================================== */
/* ==================================================================================================== */

var timeout = 1000; // miliseconds

/* ==================================================================================================== */
/* ==================================================================================================== */

var subnavigationObjArray = null;
var subnavigationTimer = null;

/* ==================================================================================================== */

var navigationPreload = function() {
	subnavigationObjArray = getElementsByClass(document, "subnavigation", "*", false);
	
	for(i = 0; i < subnavigationObjArray.length; i++) {
		subnavigationObj = subnavigationObjArray[i];
		subnavigationObj.id = "subnagivation" + i;

		navigationObj = subnavigationObj;
		do navigationObj = navigationObj.previousSibling; while (navigationObj && navigationObj.nodeType != 1);
		navigationObj.id = "nagivation" + i;
		
		subnavigationObj.onmouseover = function() {subnavigationOnMouseOver(this); }
		subnavigationObj.onmouseout = function() {subnavigationOnMouseOut(this); }
		
		navigationObj.onmouseover = function() {navigationOnMouseOver(this); }
		navigationObj.onmouseout = function() {navigationOnMouseOut(this); }
		}
	}

/* ==================================================================================================== */
/* ==================================================================================================== */

var navigationOnMouseOver = function(o) {
	clearTimeout(subnavigationTimer);
	
	for(i = 0; i < subnavigationObjArray.length; i++)
		if(subnavigationObjArray[i])
			subnavigationHideById(subnavigationObjArray[i].id);

	subnavigationShowById('sub' + o.id);
	}

/* ==================================================================================================== */

var navigationOnMouseOut = function(o) {
	subnavigationTimer = setTimeout("subnavigationHideById('sub" + o.id + "')", timeout);
	}

/* ==================================================================================================== */

var subnavigationOnMouseOver = function(o) {
	clearTimeout(subnavigationTimer);
	subnavigationShowById(o.id);
	}

/* ==================================================================================================== */

var subnavigationOnMouseOut = function(o) {
	subnavigationTimer = setTimeout("subnavigationHideById('" + o.id + "')", timeout);
	}

/* ==================================================================================================== */

var subnavigationShowById = function(id) {
	o = document.getElementById(id);
	if(!o) return false;
	
	//
	show(o);
	}

/* ==================================================================================================== */

var subnavigationHideById = function(id) {
	o = document.getElementById(id);
	if(!o) return false;
	
	//
	hide(o);
	}

/* ==================================================================================================== */
/* ==================================================================================================== */