$(document).ready(function() {	
	activo =1;
	auto= true;
	estoy_avanzando=true;
	estoy_retrocediendo=false;
	retrocede();
	estamos_en_auto=setTimeout("autoBanner()", 8000);
});
function para_auto(){
	clearTimeout(estamos_en_auto);
	auto = false;
}
function avanza(){
	if (activo<$('#marquee li').length){
		$("#marquee li:nth-child("+activo+")").animate({ width: 'toggle' }, 1000 );
		activo++;
		//activamos boton retroceder
		$('#boton_retroceder').css({ 'background-position': '0 0' }, 250 );
		if (activo == ($('#marquee li').length)){
			$('#boton_avanzar').css({'background-position': '0 -64px' }, 250 );
		}
	}else{
		
	}
}
function retrocede(){
	if (activo>1){
		activo--;
		$("#marquee li:nth-child("+activo+")").animate({ width: 'toggle' }, 1000 ); //Set Opacity;
		//activamos boton avanzar
		$('#boton_avanzar').css({'background-position': '0 0'}, 250 );
		if (activo == 1){
			$('#boton_retroceder').css({'background-position': '0 -64px'}, 250 );
		}
	}else{
		//desactivamos boton retroceder
		$('#boton_retroceder').css({ 'background-position': '0 -64px' }, 250 );
	}
}
function autoBanner(){
	if (auto){
		estamos_en_auto = setTimeout("autoBanner()", 8000);
	}
	//dos posibilidades, avanzando o retrocediendo
	if (estoy_avanzando){
		//¿Hemos llegado al final? -> empezamos a retroceder
		if (activo>=$('#marquee li').length){
			estoy_avanzando=false;
			estoy_retrocediendo=true;
		}else{
			//si no, seguimos avanzando
			avanza();
		}
	}else{
		//estoy retrocediendo
		//¿hrmos llegado al principio? -> avanzamos de nuevo
		if (activo<=1){
			estoy_avanzando=true;
			estoy_retrocediendo=false;
		}else{
			//si no, seguimos retrocediendo
			retrocede();
		}
	}
}