/*
 * @author Cosmobile
 */

var CosMooTips = new Class({
	Implements: [Events, Options],
	
	options:
	{
	},

	initialize: function(divclass, tipclass)
	{
		this.divclass = divclass;
		this.tipclass = tipclass;
	},

	init: function(top, left)
	{
		var obj = this;
		obj.top = top;
		obj.left = left;
		var arraydiv = $$(this.divclass);
		arraydiv.each(function(el){
			var id = el.get('id');
			var div = $(id);
			var divContent = $(id+'TipContent');
			div.addEvent('mouseover', function(){obj.viewTip(id, divContent.get('html'), obj.tipclass);});
			div.addEvent('mouseout', function(){obj.delTip(id+'Tip');});
		});
	},
	
	viewTip: function(id, testo, classe)
	{
		var origine = $(id);
		var coords = origine.getCoordinates();
		var tip = new Element('div');
		tip.set('id', id+'Tip');
		tip.set('class', classe);
		tip.set('html', testo);
		tip.setStyle('opacity', 0);
		tip.setStyle('position', 'absolute');
		var tiptop = coords.top + this.top;
		var tipleft = coords.left + this.left;
		tip.setStyle('top', tiptop);
		tip.setStyle('left', tipleft);
		tip.inject(document.body);
		tip.fade(1);
	},
	
	delTip: function(id)
	{
		tip = $(id);
		if (!tip) return;
		tip.fade(0);
		tip.destroy();
	}
})