// JavaScript Document
document.observe('dom:loaded', function () { 
var alertTimerId = 0;
var alertTimerId2 = 0;


$('menuOne').hide();		

$('navOne').observe('mouseover', onMouseOverHandler);
$('navOne').observe('mouseout', onMouseOutHandler);

$('menuOne').observe('mouseover', keepMouseOverHandler);
$('menuOne').observe('mouseout', onMouseOutDDHandler);

$('navTwo').observe('mouseover', onMouseOverHandler);
$('navTwo').observe('mouseout', onMouseOutHandler);

$('menuTwo').observe('mouseover', keepMouseOverHandler);
$('menuTwo').observe('mouseout', onMouseOutDDHandler);


function onMouseOverHandler(event){
	clearTimeout ( alertTimerId );
	//var elt = Event.findElement(event, 'P');
	var elem = Event.element(event);
	elem = elem.next();
	//alert(Element.identify(Event.element(event)));
	//alert(Element.identify(elem));
	Effect.BlindDown(elem, { duration: 0.5 });
}

function keepMouseOverHandler(event){
	clearTimeout ( alertTimerId );
}

function onMouseOutHandler(event){
	var elem = Event.element(event);
	elem = elem.next();
	var elemId = Element.identify(elem);
	//alert(elemId);
	alertTimerId = setTimeout ("hideTheMenus('"+elemId+"')", 200 );
	//alert(alertTimerId);
}

function onMouseOutDDHandler(eventob){
	var elem = Event.findElement(eventob, 'div')
	//elem = Event.findElement(eventob, 'P')
	//elem = elem.up();
	var elemId = Element.identify(elem);
	//alert(elemId);
	alertTimerId = setTimeout ("hideTheMenus('"+elemId+"')", 200 );
	//alert(alertTimerId);
}

});

function hideTheMenus(elemID){
	var elem = $(elemID);
	//alert(Element.identify(elem));
	Effect.BlindUp(elem, { duration: 0.5 });	
}