/*
Name:		MooCarrusel
Author: 	degt.cl
Version: 	1.0
Rev: 		110106
*/

window.addEvent('domready', function(){
	var anchoTotal = 0;
	var anchoSingle = 0;
	var cant = 4;
	var slide = $$("#carrusel ul");
	var slideActual = 0;
	var slideTotal = 0;
		
	slide.set('tween', {duration: 'normal', transition: 'sine:out'});

	
	$$("#carrusel li").each(function(e){
		var w = $(e).getStyle('width').toInt();
		var ml = $(e).getStyle('marginLeft').toInt();
		var mr = $(e).getStyle('marginRight').toInt();
		var at = w+ml+mr;
		anchoSingle = at;
		anchoTotal += at;
		slideTotal++;
	});
	
	$$("#carrusel").setStyles({
		position: 'relative'
	});
	$$("#carrusel_mask").setStyles({
		overflow: 'hidden',
		position: 'relative'
	});
	
	$$("#carrusel ul").setStyles({
		width: anchoTotal,
		left: 0,
		top: 0,
		position: 'absolute'
	});
	
	$$("#carrusel .atras").setStyles({
		position: 'absolute',
		left: -35,
		top: 80
	});
	$$("#carrusel .adelante").setStyles({
		position: 'absolute',
		right: -35,
		top: 80
	});
	
	$$("#carrusel .atras").addEvent("click",atras);
	$$("#carrusel .adelante").addEvent("click", adelante);
	$$("#carrusel .atras").addClass("inactivo");
	
	function atras(evt){
		evt.stopPropagation();
		evt.preventDefault();

		slideActual--;
		if(slideActual <= 0){
			slideActual = 0;
		}
		mover(slideActual);
	}
	function adelante(evt){
		evt.stopPropagation();
		evt.preventDefault();
		var max = Math.round(slideTotal/cant)-1;
		slideActual++;
		if(slideActual >= max){
			slideActual = max;
		}
		mover(slideActual);
	}
	function mover(pos){
		var max = Math.round(slideTotal/cant)-1;
		$$("#carrusel .atras").removeClass("inactivo");
		$$("#carrusel .adelante").removeClass("inactivo");
		
		if(slideActual <= 0){
			$$("#carrusel .atras").addClass("inactivo");
		}
		if(slideActual >= max){
			$$("#carrusel .adelante").addClass("inactivo");
		}
		
		var a = anchoSingle*cant;
		slide.tween('left', (pos*a)*-1);
	}

});