var TooltipHome = Class.create();
TooltipHome.prototype = {
  initialize: function() {
	var options = Object.extend({
	  delta_x: 225,
	  delta_y: -20,
	  zindex: 2000,
	  tooltip: ''
	}, arguments[2] || {});
	
    TooltipHome.prototype.options      = options;
    this.options.tool_tip = $('popup1');
    this.options.tool_tip.hide();
	$$('.brochures').each(function (item) {
		TooltipHome.prototype.eventMouseOver = TooltipHome.prototype.showTooltipHome.bindAsEventListener(Event, item);
    	TooltipHome.prototype.eventMouseOut   = TooltipHome.prototype.hideTooltipHome.bindAsEventListener(Event, item);
    	TooltipHome.prototype.registerEvents(item);
	});    
  },

  destroy: function() {
    Event.stopObserving(this.element, "mouseover", this.eventMouseOver);
    Event.stopObserving(this.element, "mouseout", this.eventMouseOut);

  },

  registerEvents: function(item) {
    Event.observe(item, "mouseover", this.eventMouseOver);
    Event.observe(item, "mouseout", this.eventMouseOut);

  },
		
  showTooltipHome: function(event) {
	  var leftX = document.getElementById('slide-container-images').style.left;
	  var valorX = parseInt(leftX.replace(/px/g, ''));
	  var args = $A(arguments);
    SimpleAJAXCall(ApplicationUrl + 'services.controller/tootipViewHome/'+args[1].id+'.html', ElementStateChanged, 'GET', 'popup1');
	Event.stop(event);
	  var position = args[1].positionedOffset();
	  position[0] = position[0] + valorX;
	  TooltipHome.prototype.setStyles(position[0],position[1]);
	  new Element.show(TooltipHome.prototype.options.tool_tip);
  },
  
  setStyles: function(x, y){
    // set the right styles to position the tool tip
	  Element.setStyle(TooltipHome.prototype.options.tool_tip, { position:'absolute',
	 								    top:y + this.options.delta_y + "px",
	 								    left:x + this.options.delta_x + "px",
									    zindex:this.options.zindex
	 								  });
  },

  hideTooltipHome: function(event){
	 new Element.hide(TooltipHome.prototype.options.tool_tip);
  },

}