/**
 * Script que controla el menu de servicios
 */

//Variables globales para mostrar la imagen de seccion activa

//Indice de la imagen de servicio que se esta mostrando
var showingServicioImageIndex = 0;

//Indice de la imagen de servicio que se va a mostrar
var newShowingServicioImageIndex = 0;


//Efectos de imagenes de las servicios
var servicioImagesFx = null;


/**
 * Muestra la imagen del menu de servicios
 */
function showServiciosMenuImage (index)
	{
			
	if(newShowingServicioImageIndex==index)
		{
		if(index!=showingServicioImageIndex)
			{
			showingServicioImageIndex = index;
			servicioImagesFx.cancel();
			servicioImagesFx.goTo(index);
			}
		}
	}

/**
 * Establece la imagen que se va a mostrar en el menu de servicios
 */
function setShowingServicioImage (index)
	{
	newShowingServicioImageIndex = index;
	setTimeout("showServiciosMenuImage("+index+")",500);
	}

/**
 * Establece el inidice a un link de servicios
 */
function addIndexToServicioLink (a, index)
	{
	
	a.addEvent('mouseenter',
		function(event) 
			{
			setShowingServicioImage(index);
			}
		);

	a.addEvent('mouseleave',
		function(event) 
			{
			newShowingServicioImageIndex = showingServicioImageIndex;
			}
		);
	}

/**
 * Inicia los efectos del menu de servicios
 */
function initServiciosMenu ()
	{
	servicioImagesFx = new Fx.Cycles.inOutRight('serviciosMenuImages', {duration: 250, steps: 1000, autostart: false, enable: {keyboard: true}});
	//servicioImagesFx.goTo(1);

		
	var menuLinks  = $$('#serviciosMenu a');
	var index=2;
	var selectedIndex = 1;
			
	menuLinks.each
		(
		
		function(a) 
			{
			if(a.id!=null&&a.id=='activeServicioMenuItem')
				selectedIndex = index;
					
			addIndexToServicioLink(a,index);
			index++;
			}
		
		, this);

	if(selectedIndex!=1)
		servicioImagesFx.goTo(selectedIndex);
	else
		servicioImagesFx.goTo(1);
			
	

	$('serviciosMenu').addEvent('mouseleave',
		function(event) 
			{
			setShowingServicioImage(selectedIndex);
			}
		);
	}