Event.observe(window, 'load', function() {
		if (window.navInit);
			navInit();
		if (window.subnavInit);
			subnavInit();
	});


var navActive    = null;
var subnavActive = null;

function navInit () {
	
	var items = $$('li');

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

		info      = items[i].id.split("-");
  		infoClass = items[i].className.split("-");
  		
		if (info[0] == 'nav') {
			
			items[i].onmouseover = navOn;
			items[i].onmouseout = navOff;

			if (infoClass[1] == 'on')
				navActive = info[2];
				
		}
		
	}
	
}

function subnavInit () {
	
	var items = $$('div');

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

		info      = items[i].id.split("-");
        infoClass = items[i].className.split("-");

		if (info[0] == 'subnav') {
			
			items[i].onmouseover = subnavOn;
			items[i].onmouseout = subnavOff;
			
			if (infoClass[1] == 'on')
				subnavActive = info[1];
				
		}
		
	}
	
}

function navOn () {
	
	info = this.id.split("-");
	
	$("nav-lft-"+info[2]).className = "lft-on";
	$("nav-rgt-"+info[2]).className = "rgt-on";
	
	if (subnavElement = $("subnav-layer-"+info[2])) {
		
   		offTop = getX(this) + 21;
   		offLft = getY($("nav-lft-"+info[2]));

		subnavElement.onmouseover = subnavLayerOn;
		subnavElement.onmouseout  = navOff;

   		subnavElement.style.top     = offTop+"px";
   		subnavElement.style.left    = offLft+"px";
    	subnavElement.style.display = "block";
	    	
    }

}

function navOff () {
	
	info = this.id.split("-");
	
	if (navActive != info[2]) {

		$("nav-lft-"+info[2]).className = "lft";
		$("nav-rgt-"+info[2]).className = "rgt";
		
	}

	if ($("subnav-layer-"+info[2]))
		$("subnav-layer-"+info[2]).style.display = "none";

}

function subnavLayerOn () {
	
	info = this.id.split("-");

	$("nav-lft-"+info[2]).className = "lft-on";
	$("nav-rgt-"+info[2]).className = "rgt-on";

    $("subnav-layer-"+info[2]).style.display = "block";
    
}

function subnavOn () {
	
	this.className = "item-on";
	
}

function subnavOff () {

	info = this.id.split("-");
	
	if (subnavActive != info[1])
		this.className = "item";

}