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

//Variables globales para mostrar la imagen de seccion activa

//Indice de la imagen de linea que se esta mostrando
var showingLineaImageIndex = 0;

//Indice de la imagen de linea que se va a mostrar
var newShowingLineaImageIndex = 0;


//Efectos de imagenes de las lineas
var lineaImagesFx = null;


/**
 * Muestra la imagen del menu de lineas
 */
function showLineasMenuImage (index)
	{
			
	if(newShowingLineaImageIndex==index)
		{
		if(index!=showingLineaImageIndex)
			{
			showingLineaImageIndex = index;
			lineaImagesFx.cancel();
			lineaImagesFx.goTo(index);
			}
		}
	}

/**
 * Establece la imagen que se va a mostrar en el menu de lineas
 */
function setShowingLineaImage (index)
	{
	newShowingLineaImageIndex = index;
	setTimeout("showLineasMenuImage("+index+")",500);
	}

/**
 * Establece el inidice a un link de lineas
 */
function addIndexToLineaLink (a, index)
	{
	
	a.addEvent('mouseenter',
		function(event) 
			{
			setShowingLineaImage(index);
			}
		);

	a.addEvent('mouseleave',
		function(event) 
			{
			newShowingLineaImageIndex = showingLineaImageIndex;
			}
		);
	}

/**
 * Inicia los efectos del menu de lineas
 */
function initLineasMenu ()
	{
	lineaImagesFx = new Fx.Cycles.inOutRight('lineasMenuImage', {duration: 250, steps: 1000, autostart: false, enable: {keyboard: true}});

	lineaImagesFx.goTo(1);

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

	if(selectedIndex!=1)
		setShowingLineaImage(selectedIndex);
	

	$('lineasMenu').addEvent('mouseleave',
		function(event) 
			{
			setShowingLineaImage(selectedIndex);
			}
		);
	}