//Event.observe(window, 'load', preparaCarrusel);
document.observe("dom:loaded", preparaCarrusel0);

/*window.onload = function () {
	preparaCarrusel();
}*/

function preparaCarrusel0 () {
if ($('lista')) {preparaCarrusel();}
}
function preparaCarrusel () {
	
	crearEnlaces();
	
	par = document.getElementById('lista').parentNode.getElementsByTagName('p');
	
	
	par[0].getElementsByTagName('a')[0].onmouseover = function () {
		this.getElementsByTagName('img')[0].src = '../../imagenes/carrusel_izq_hover.gif'
	}
	par[1].getElementsByTagName('a')[0].onmouseover = function () {
		this.getElementsByTagName('img')[0].src = '../../imagenes/carrusel_der_hover.gif'
	}
	
	par[0].getElementsByTagName('a')[0].onmouseout = function () {
		this.getElementsByTagName('img')[0].src = '../../imagenes/carrusel_izq.gif'
	}
	par[1].getElementsByTagName('a')[0].onmouseout = function () {
		this.getElementsByTagName('img')[0].src = '../../imagenes/carrusel_der.gif'
	}
	
	document.getElementById('lista').parentNode.style.height = '7.1em';
	document.getElementById('lista').style.height = '7.1em';
	document.getElementById('lista').style.position = 'absolute';
	
	listado = document.getElementById('lista').getElementsByTagName('li');
	posicion = $('lista').getAttribute("currentPosition");
	posicion = parseInt(posicion);
	
	i = 0;
	while (i < posicion) {
		listado[i].className = 'oculto';
		i++;
	}
	i = posicion+5;
	while (i < listado.length) {
		listado[i].className = 'oculto';
		i++;
	}
	
}

function paginar(lista, avance)
{
	var objLista = document.getElementById(lista);
	
	
	if(objLista!=null)
	{
		var currentPosition = objLista.getAttribute("currentPosition");
		if( currentPosition == null)
			currentPosition = 0;
		else
			currentPosition = parseInt(currentPosition);
		
		var lis =  objLista.getElementsByTagName("li");
		var total = lis.length;
		for(var i=currentPosition;i<Math.min(currentPosition+5, total);i++)
		{
		   var li = lis[i];
		   li.className="oculto";
		}
		var ini = currentPosition;
		var fin = currentPosition;
		if(avance>0)
		{
			ini = Math.min(total-1, currentPosition+1);
			fin = Math.min(ini+5, total);
		}
		else
		{
			ini = Math.max(0, currentPosition-1);
			fin = Math.min(ini+5, total);
		}
		
		for(var i=ini;i<fin;i++)
		{
		   var li = lis[i];
		   if(li!=null) li.className="";
		}
		objLista.setAttribute("currentPosition",ini);
	}
	
}

function crearEnlaces () {

$('lista').up().id = 'clista';

new Insertion.Bottom('clista', '<p class="btn_l"><a href="javascript:paginar(\'lista\',-1)"><img alt="mover izquierda" src="../../imagenes/carrusel_izq.gif"/></a></p><p class="btn_r"><a href="javascript:paginar(\'lista\',1)"><img alt="mover derecha" src="../../imagenes/carrusel_der.gif"></a></p>');

}