YAHOO.namespace("JordiS");

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

YAHOO.JordiS.Carousel = {
  carousels: '',
  nav: '',
  init: function(){
    this.carousels = YAHOO.util.Dom.getElementsByClassName('carousel-container');

	this.setup(this.carousels[0]);
	
	var nav = YAHOO.util.Dom.getElementsByClassName('yui-carousel-nav','div');
	var nav_ul = YAHOO.util.Dom.getFirstChild(nav[0]);
	
    YAHOO.util.Dom.addClass(nav_ul,'yui-carousel-nav-list');
    YAHOO.util.Event.addListener(nav_ul,'mouseover',this.mouseover_dot);
  },
  setup: function(carousel_el){
	var carousel = new YAHOO.widget.Carousel(carousel_el, { 
		autoPlayInterval: 5000,
		isCircular: true, 
		animation: { speed: 0, effect: YAHOO.util.Easing.easeOut }, 
		numVisible: 1,
		numItems: 1+visorImagenes.l,
		loadItemsHandler : function(ev){ alert(1); }
	});

	if (visorImagenes&&visorImagenes.data&&visorImagenes.data.length) {
		for (var i=0;i<visorImagenes.data.length;i++)
			carousel.addItem(visorImagenes.data[i]);
		visorImagenes.l=visorImagenes.data.length;
	}

	carousel.render();
	carousel.show();
	carousel.startAutoPlay();
    
	var stopAutoPlay = function(e) {
		carousel.stopAutoPlay();
	};

	var startAutoPlay = function(e){
		carousel.startAutoPlay();
	};

	YAHOO.util.Event.addListener("stop-button", 'click',stopAutoPlay);
	YAHOO.util.Event.addListener("start-button", 'click',startAutoPlay);

  },
  mouseover_dot: function(e){
	var add_target = YAHOO.util.Event.getTarget(e, false);
	if(!(YAHOO.util.Dom.hasClass(add_target, 'yui-carousel-nav-list')) ){
		var ahref=YAHOO.util.Dom.get(add_target).href.split('#')[1];
		var nav_ol= YAHOO.util.Dom.getElementsByClassName('yui-carousel-element','ol');
		var nav_ol_children=YAHOO.util.Dom.getChildren(nav_ol[0]);
		if (ahref>1&&visorImagenes.l) ahref=parseInt(ahref)+visorImagenes.l;
		var img_alt=YAHOO.util.Dom.getFirstChild(YAHOO.util.Dom.get(nav_ol_children[ahref-1])).alt;
	}
	showToolTip(add_target,img_alt);
  }
};
 
function showToolTip(cnt,body){
	var mytooltip = new YAHOO.widget.Tooltip("mytooltip", { context:cnt, text:body }); 
}