// 'evento' es el destacado, 'punto' el marcado en el carrusel y 'total' el número de items del carrusel

function cargarevento(evento, punto, total){
	for (var i=1; i<=total; i++) 
		{ 
		document.getElementById('item-' + i).className = "ocultar";
		document.getElementById('carrusel-item-a-' + i).className = "";
		}
		document.getElementById(evento).className = "mostrar";
		document.getElementById(punto).className = "sel";
	}
	

var Carousel = function(carouselElementID, carouselCfg) {
 		this.init(carouselElementID, carouselCfg);
};

Carousel.prototype = {
   init: function(id, cfg) {
      var config = {
			numVisible:        6,
			animationSpeed:    0.15,
			scrollInc:         1,
			size:              11,
         prevButtonStateHandler: this.handlePrevButtonState,
         nextButtonStateHandler: this.handleNextButtonState
      };

      for (var key in cfg) {
         if (!cfg.hasOwnProperty(key)) { continue; }
         config[key] = cfg[key];
      }

      this.carousel = new YAHOO.extension.Carousel(id, config);

   },

   handlePrevButtonState: function(type, args) {
		var enabling = args[0];
		var leftImage = args[1];
		/*if(enabling) {
			leftImage.src = "img/home/carrusel/anterior.gif";	
		} else {
			leftImage.src = "img/home/carrusel/anterior.gif";	
		}*/
   },

   handleNextButtonState: function(type, args) {
		var enabling = args[0];
		var rightImage = args[1];

		/*if(enabling) {
			rightImage.src = "img/home/carrusel/siguiente.gif";
		} else {
			rightImage.src = "img/home/carrusel/siguiente.gif";
		}*/
	}
};