// Script para los banners de portada

window.addEvent('load',function(){
	var bannersPeriodical;

	//Efecto de scroll...
	var scroll = new Fx.Scroll
	(
		'bannerBox', 
		{
			wait: false,
			duration: 1000,
			transition: Fx.Transitions.Quad.easeInOut
		}
	);

	//Recorre todos los li y aplica id "currentliban" al primero...
	//De esta manera al cargar la página siempre comienza el scroll en el primer elemento li...
	var countli = $$('#bannerCambiante li').length;
	var i = 0;

	$$('.bannerCambiante li').each
	(
		function(li)
		{
			if(i == 0)
			li.set('id','currentliban');
			i++;  
		}
	);
	scroll.toElement('currentliban');

	//Click directo
	$$('.stickItem').addEvent
	(
		'click',
		function(e)
		{
			e.stop();

			var toBan = this.get('id');
			toBan = toBan.split('toban_');
			toBan = toBan[1];

			$$('.bannerCambiante li').each
			(
				function(li)
				{
					li.erase('id');
				}
			);

			$$('.banner_'+toBan+'').set('id','currentliban');
			moveToBanner($('currentliban'));
		}
	);

	//Function move to banner
	function moveToBanner(banner)
	{
		if(!banner)
		{
			if($('currentliban').getNext('li'))
				var banner = $('currentliban').getNext('li');
			else
				var banner = $('currentliban').getParent().getFirst('li');
		}else{
			clearInterval(bannersPeriodical);
			bannersPeriodical = moveToBanner.periodical(5000);
		};

		$$('.bannerCambiante li').each
		(
			function(li)
			{
				li.erase('id');
			}
		);
		banner.set('id','currentliban');

		scroll.toElement(banner);

		var split_class = banner.get('class').split('banner_');
		var clase = split_class[1];

		$$('.stickItem').removeClass('selected');

		$('toban_'+clase+'').addClass('selected');

	}

	bannersPeriodical = moveToBanner.periodical(5000);

});