/* |-------------------------------| */
/* |   EVENT-LISTENER TO DISPLAY   | */
/* |     CONTENTS IN THE HEADER    | */
/* |-------------------------------| */
var hoverTimer = null;

$(document).ready(function(){
	$('#topMenu a').hover(
		function(){ /* mousein */
			var	button		= this,
				button_id	= $(button).attr('id'),
				container	= '#container_'+button_id,
				classes		= $(button).attr('class'),
				classesA	= false;

			if(classes == 'a_topmenu_basic a_topmenu_active') classesA = true;

			if(classesA == true){
				$(button).removeClass('a_topmenu_active');
				$(button).addClass('a_topmenu_active_hover');
			}
			else{
				$(button).removeClass('a_topmenu');
				$(button).addClass('a_topmenu_hover');
			}

			$(container).show(0);
		},
		function(){ /* mouseout */
			var button		= this,
				button_id	= $(button).attr('id'),
				container	= '#container_'+button_id,
				classes		= $(button).attr('class'),
				classesA	= false;

				if(classes == 'a_topmenu_basic a_topmenu_active_hover') classesA = true;

			hoverTimer = window.setTimeout(function(){
				if(classesA == true){
					$(button).removeClass('a_topmenu_active_hover');
					$(button).addClass('a_topmenu_active');
				}
				else{
					$(button).removeClass('a_topmenu_hover');
					$(button).addClass('a_topmenu');
				}
				$(container).hide(0);
			},10);
		}
	);

	$('.header_info').hover(
	/*	EVENT LISTENER TO STOP
	 *	HIDING THE HEADER WHEN
	 *	HOVERING IT
	 */
		function(){ /* mousein */
			window.clearTimeout(hoverTimer);
		},
		function(){ /* mouseout */
			$(this).hide(0);
			$('#topMenu a').removeClass('a_topmenu_hover');
			$('#topMenu a').addClass('a_topmenu');

			
			
			/** ADD _active CLASS HERE!!!! **/
		}
	);
})