/** CORE JS FILE */

YAHOO.namespace("MOATLANE");

// Setup Masterplan
YAHOO.util.Event.onDOMReady(
  function (ev) {
		YAHOO.MOATLANE.Carousel.init();
    YAHOO.MOATLANE.Plan.init();
  }
);

YAHOO.MOATLANE.Carousel = {
  init: function()
  {
    var carousel = new YAHOO.widget.Carousel('page-carousel', 
    { 
      autoPlayInterval: 5000, 
      isCircular: true, 
      animation: {
        speed: 1.0
      }, 
      numVisible: 1 
	  }); 
    
    carousel.startAutoPlay();
    carousel.show();   // display the widget   
  }
};

YAHOO.MOATLANE.Plan = {
  init: function()
  {
    var carousel = new YAHOO.widget.Carousel('page-masterplan-carousel', 
    { 
      autoPlayInterval: 5000, 
      isCircular: true, 
      animation: {
        speed: 1.0
      }, 
      numVisible: 1 
	  }); 
	   

    var navElements = YAHOO.util.Dom.getChildren('page-masterplan-nav');
		
    this._add_nav_handlers(carousel, navElements);
    
    carousel.on('beforeFirstVisibleChange',
      function(e)
      {
        var tar_num = e.newValue;
        var add_target = YAHOO.util.Dom.get(nav[tar_num]);
        var rem_target = YAHOO.util.Dom.getElementsByClassName("active", "li", YAHOO.util.Dom.get('carousel-nav'));
        for(var i = 0; i < rem_target.length; i++){
          YAHOO.util.Dom.removeClass(rem_target[i], "active");  
        }
        YAHOO.util.Dom.addClass(add_target, "active");
      }
    );
    
    //carousel.startAutoPlay();
    carousel.show();   // display the widget
    
  },

  _add_nav_handlers: function(carousel, navElements)
  {
    for(var i = 0; i < navElements.length; i++)
    {
			//alert(YAHOO.util.Dom.getFirstChild(navElements[i]));
      YAHOO.util.Event.addListener(YAHOO.util.Dom.getFirstChild(navElements[i]), 'click',
				function(i) {
          return function(e){
						//alert('Clicked => '+i);
						YAHOO.util.Event.preventDefault(e);
						//carousel.stopAutoPlay();
            carousel.scrollTo(i);
          };
        }(i)
      );
    }
  }
};