Event.observe(window,"load",secciones)
// funcionamiento del scroll de los ámbitos
posicionesArray=new Array();
posicionesBarra=new Array();
numBloques="";
valores=new Array ();
posicionActual=0;
nuevaPosicion=0;
actual=0;

function secciones ()
{
	bloques=$$('.bannerAmbito')
	numBloques=bloques.length;
	reseteaValores (1,bloques.length)
	dimensionesObjetos=$(bloques[0]).getDimensions();
	anchoSeccion=dimensionesObjetos.width
	dimensionScroll=$('zonaBarra').getDimensions()
	anchoScroll=dimensionScroll.width;
	anchoBarra=Math.round(anchoScroll/bloques.length);
	$('barraScroll').style.width=anchoBarra+"px";
	$('barraScroll').innerHTML="<p>"+parseInt(actual+1)+" / "+bloques.length+"</p>";	

	for (i=0;i<bloques.length;i++)
	{
		posicionesArray[i]=anchoSeccion*i;		
		posicionesBarra[i]=anchoBarra*i;
	}
	nodoAvanzar=$$('.avanzarScroll')
	nodoRetroceder=$$('.retrocederScroll')
	activoAvance=true
	nodoAvanzar[0].onclick=function ()
	{
			if (actual!=(posicionesArray.length-1))
			{
				nuevaPosicion=(0-posicionesArray[actual+1])-parseInt($('contenidoScroll').getStyle('left'));
				nuevaPosicionBarra=(0+posicionesBarra[actual+1])-parseInt($('barraScroll').getStyle('left'));
				new Effect.MoveBy ('contenidoScroll',0,nuevaPosicion,{afterFinish:function () {}})
				new Effect.MoveBy ('barraScroll',0,nuevaPosicionBarra)			
				actual+=1
				actualizaNumero(actual,bloques.length);
				return false;
				
			}
	}
	nodoRetroceder[0].onclick=function ()
	{
		if (actual!=(posicionesArray[0]))
		{
			nuevaPosicion=(0-posicionesArray[actual-1])-parseInt($('contenidoScroll').getStyle('left'));
			nuevaPosicionBarra=(0+posicionesBarra[actual-1])-parseInt($('barraScroll').getStyle('left'));			
			new Effect.MoveBy ('contenidoScroll',0,nuevaPosicion)
			new Effect.MoveBy ('barraScroll',0,nuevaPosicionBarra)						
			actual-=1
			actualizaNumero(actual,bloques.length)	;
			return false;
		}
	}
	iniciaScroll ();
}
function actualizaNumero (valor,cantidad)
{
	//$('barraScroll').innerHTML="<div class='esqIzdaScroll'></div><p class='seccionScroll' style='color:#fff'>"+parseInt(valor+1)+" / "+cantidad+"</p><div  class='esqDchaScroll'></div>";	
	$('barraScroll').innerHTML="<p class='seccionScroll'>"+parseInt(valor+1)+" / "+cantidad+"</p>";	
}
function reseteaValores (numero,cantidad)
{
	actual=0;
	$('barraScroll').innerHTML="<p class='seccionScroll' style='color:#fff'>"+numero+" / "+cantidad+"</p>";	
	//$('barraScroll').innerHTML="<div class='esqIzdaScroll'></div><p class='seccionScroll' style='color:#fff'>"+numero+" / "+cantidad+"</p><div  class='esqDchaScroll'></div>";	
}
