var handlePrevButtonState = function(type, args) {

  var enabling = args[0];
  var leftImage = args[1];
  if(enabling) {
    leftImage.src = "images/left-enabled.gif";  
  } else {
    leftImage.src = "images/left-disabled.gif"; 
  }

};

var handleNextButtonState = function(type, args) {

  var enabling = args[0];
  var rightImage = args[1];
  
  if(enabling) {
    rightImage.src = "images/right-enabled.gif";
  } else {
    rightImage.src = "images/right-disabled.gif";
  }

};

var carousel;
var pageLoad = function() 
{
  carousel = new YAHOO.extension.Carousel("mycarousel", 
    {
      numVisible:        3,
      animationSpeed:    .5,
      scrollInc:         1,
      navMargin:         50,
      prevElement:     "prev-arrow",
      nextElement:     "next-arrow",
      size:             18,
      prevButtonStateHandler:   handlePrevButtonState,
      nextButtonStateHandler:   handleNextButtonState
    }
  );

};

YAHOO.util.Event.addListener(window, 'load', pageLoad);