var Carousel = function(carouselElementID, carouselCfg) {
         this.init(carouselElementID, carouselCfg);
};
Carousel.prototype = {
	 init: function(id, cfg) {
      var config = {
            numVisible:        1,
            animationSpeed:   .6,
            scrollInc:         1,
            navMargin:        20,
            size:              4,
         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 = "imgs/horizontaltab_prev.jpg";	
			} else {
				leftImage.src = "imgs/horizontaltab_prevdisabled.jpg";	
			}
   },

   handleNextButtonState: function(type, args) {
			var enabling = args[0];
			var rightImage = args[1];
			
			if(enabling) {
				rightImage.src = "imgs/horizontaltab_next.jpg";
			} else {
				rightImage.src = "imgs/horizontaltab_nextdisabled.jpg";
			}
    }
};
/*
dinamyc write this on index.php
var pageLoad = function() 
{
	var carousel = new Carousel("mycarousel", 
			{ prevElement:"prev-arrow", nextElement:"next-arrow" });
	var carousel2 = new Carousel("mycarousel2", 
			{ prevElement:"prev-arrow2", nextElement:"next-arrow2", numVisible:5, animationSpeed: .6, scrollInc:5,navMargin:20,	size:10	});
};*/