// JavaScript Document
//Setup a namespace to contain your own code within the YAHOO namespace
YAHOO.namespace("ErisDS");

//Create our carousel object literal with an init method
YAHOO.ErisDS.Carousel = {
  carousel: '',
  init: function()
  {
    this.carousel = new YAHOO.widget.Carousel("my-carousel",
    {
      
      
      animation: {
        speed: 0.5
      },
      numVisible: 8
      });
   
    this.carousel.render();
    this.carousel.show();   // display the widget
    this.carousel.startAutoPlay();
	  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);
  },
  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");
    }
  }
};

//onDomReady check to see if our carousel exists, and call the setup function
YAHOO.util.Event.onDOMReady(
  function (ev) {
    if(YAHOO.util.Dom.get("my-carousel"))
    {
      YAHOO.ErisDS.Carousel.init();
    }
  }
);