//Cuando se carguen todos los textos
window.addEvent('domready', function() {
	
	// Variables Universales ya Definidas
		var encabezado = $('encabezado');
		var fondo = $('fondo');
		var menu = $('menu');
		var itemContainer = $E('div.items', menu);
		
		var menuFX = new Fx.Slide(itemContainer, {wait: false});
		menuFX.hide();
		
	//Para la animación del menú
		menu.addEvents({
					   'mouseenter' : function(e){
						   e = new Event(e).stop();
						   menuFX.slideIn();
					   },
					   'mouseleave' : function(e){
	   					   e = new Event(e).stop();
						   menuFX.slideOut();
					   }
					   });

		
	//Para la animación de los ítemes del menú

		var itemList = $ES('li.page_item',itemContainer);
		
		itemList.each(function(itemEl){
							   var itemAnchor = $E('a', itemEl);
							   var itemFX = new Fx.Styles(itemAnchor, {duration: 300, wait: false});
							   itemEl.addEvents({
												'mouseenter' : function(){
													itemFX.start({
																 'color' : '#FFF',
																 'background-color': '#002d64'
																 });

													},
												'mouseleave' : function(){
													itemFX.start({
																'color' : '#000',
																'background-color': '#feb70f'
																 });
													
													}
											});
																			  
							   });
								 		
														
//No borrar aquí//	
});
