/*	******************************
		PLUGIN - CARRUSEL CAJAS 
		Author: Jorge Soriano
		Notes: Usaremos este plugin para
			   los carruseles de 3 cajas 
	******************************	*/
(function($){
	$.fn.carruselCajas = function (){
 			return this.each(function(){
			var imgWidth = '612px';
			var $this = $(this);
			var $ul = $(this).find('.carrusel ul');
			var next = $(this).find('.next_prev').find('.next');
			var prev = $(this).find('.next_prev').find('.prev');			
			var contador = 0;
			var previo = $ul.children('li').size()/3;
			
			if (Math.round(previo) < previo) {
				var total = Math.round(previo);
			}
			else {
				var total = Math.round(previo) - 1;
			}
			function comprobe(){
				if (contador == 0) {
					$(prev).animate({'opacity': '0.3'}, 200)
						   .addClass('off');
					$(next).animate({'opacity': '1'}, 200)
						   .removeClass('off');
				}
				if (contador == total) {
					$(next).animate({'opacity': '0.3'}, 200)
						   .addClass('off');
					$(prev).animate({'opacity': '1'}, 200)
						   .removeClass('off');
   				}
				if (contador != total && contador != 0) {
					$(prev).animate({'opacity': '1'}, 200)
						   .removeClass('off');
					$(next).animate({'opacity': '1'}, 200)
						   .removeClass('off');
				}
			}
			comprobe();
			function nextCarruselCajas(direction){
				if (!$ul.is(':animated') && !$(this).hasClass('off')) {
					if (direction == 'mas' && contador != total) {
						$ul.animate({
							marginLeft: "-=" + imgWidth
						}, 400);
						contador++;
						comprobe();
					}
					if (direction == 'menos' && contador != 0) {
						$ul.animate({
							marginLeft: "+=" + imgWidth
						}, 400);
						contador--;
						comprobe();
					}
				}
			}
			$(prev).click(function(){
				nextCarruselCajas('menos');
			});
			$(next).click(function(){
				nextCarruselCajas('mas');
			});
		});
	}
})(jQuery);