//Setup a namespace to contain your own code within the YAHOO namespace



YAHOO.namespace("ErisDS");


YAHOO.ErisDS.Carousel = {
  carousels: '',
  init: function()
  {
    this.carousels = YAHOO.util.Dom.getElementsByClassName('carousel-container');
    
    for(i = 0; i < this.carousels.length; i++)
    {
      this.setup(this.carousels[i]);
    };
		
    var nav_buttons = YAHOO.util.Dom.getElementsByClassName('yui-carousel-button','span');
		YAHOO.util.Event.addListener(nav_buttons,'mouseover',this.mouseover);
  	YAHOO.util.Event.addListener(nav_buttons,'mouseout',this.mouseout);
	
  },

  setup: function(carousel_el)
  {
    var carousel = new YAHOO.widget.Carousel(carousel_el,
    {
      autoPlayInterval: 0,
      isCircular: false,
      animation: {
        speed: 1
      },
      numVisible: 7
    });
    carousel.render();
    carousel.show();  
    carousel.startAutoPlay();
  },
  
  mouseover: function(e)
  {
    
    var add_target = YAHOO.util.Event.getTarget(e, false);

    //add_target = YAHOO.util.Dom.getAncestorByTagName(target,'span');
    if(YAHOO.util.Dom.hasClass(add_target, 'yui-carousel-next-button'))
    {
      YAHOO.util.Dom.addClass(add_target, 'next-hover');
    } 
    else if(YAHOO.util.Dom.hasClass(add_target, 'yui-carousel-first-button'))
    {
      YAHOO.util.Dom.addClass(add_target, 'prev-hover');
    } 
  },
  mouseout: function(e)
  {
    var rem_target = YAHOO.util.Event.getTarget(e, false);
    //rem_target = YAHOO.util.Dom.getAncestorByTagName(target,'span');
    if(YAHOO.util.Dom.hasClass(rem_target, 'next-hover'))
    {
      YAHOO.util.Dom.removeClass(rem_target, 'next-hover');
    } 
    else if(YAHOO.util.Dom.hasClass(rem_target, 'prev-hover')) 
    {
      YAHOO.util.Dom.removeClass(rem_target, "prev-hover");
    }
  }
  
};

YAHOO.util.Event.onDOMReady(
  function (ev) {
      YAHOO.ErisDS.Carousel.init();
  }
);