var Carousel = function(carouselElementID, carouselCfg) {
	this.init(carouselElementID, carouselCfg);
};Carousel.prototype = {
	
init: function(id, cfg) {
	var config = {
		numVisible:        1,
		scrollInc:         1,
		navMargin:         0,
		size:   5,
		prevButtonStateHandler: this.handlePrevButtonState,
		nextButtonStateHandler: this.handleNextButtonState,
		
		animationMethod: Fx.Transitions.bounceOut,
		animationSpeed: 1,
                wrap:true	
      };

      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/left-enabled.gif";	
		} else {
			leftImage.src = "../img/left-disabled.gif";	
		}
   },

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

		if(enabling) {
			rightImage.src = "../img/right-enabled.gif";
		} else {
			rightImage.src = "../img/right-disabled.gif";
		}
	}
}; var carousel;


var pageLoad = function() 
{
	carousel = new Carousel("mycarousel",{ prevElement:"prev-arrow", nextElement:"next-arrow" });
};
	
YAHOO.util.Event.addListener(window, 'load', pageLoad);