/*
	FROM navtop_desc.js
------------------------------------------------------------------------------------------*/

function initNavTopDesc(){	
	//IF - Check for 'navtop_desc' object
	if($('navtop_desc')){
		//VAR for 'mouseoutInt()'
		var mouseOut_i;
		
		var navtop_state = 'closed';
		
		navTop = $('navtop_desc');
		//var heightChange3 = new fx.Style('navtop_desc', 'height', {duration:250});
		//var heightChange4 = new fx.Style('navtop_desc', 'height', {duration:250});
		
		navTop.setStyle('height','0px');

		//FUNCTION - injects 'rel' text via innerHTML as <p>, calls 'showThis()' which sets display to 'block'
		openNavTopDesc = function(desc){	
			$('navtop_desc').innerHTML = '<p>'+desc+'</p>';
			if(navtop_state == 'closed'){
				//heightChange3.custom(0, 25);
				navTop.tween('height', 25);
				navtop_state = 'open';
			}
		}

		//FUNCTION - call 'hideThis()'
		closeNavTopDesc = function(){
			navTop.tween('height', 0);
			navtop_state = 'closed';
		}
		
		//FUNCTION - sets timeout for 1000 milliseconds before calling 'closeNavTopDesc()'
		
		mouseoutInt = function(func){
			switch(func){
				case 'set':
					mouseOut_i = setTimeout('closeNavTopDesc()', 1000);
				break;

				case 'clear':
					clearTimeout(mouseOut_i);
				break;
			}
		
		}
		
		//VAR - array of all the links in 'navtop'
		var navtopLinks = $A($('navtop').getElementsByTagName('a'));		

		//FUNCTION - applies functions to mouse states
		navtopLinks.each(function(el){
			el.onmouseover = function(){		
				openNavTopDesc(el.getAttribute('rel'));
				mouseoutInt('clear');
			}
			
			el.onmouseout = function(){
				mouseoutInt('set');
			}
			
			el.onclick = function(){
				el.onmouseout = function(){};
			}
		})
		
	}
}