var Tip = Class.create ();

Tip.prototype = {
	initialize: function (elt, content, titre) {
		this.elt = elt;
		
		if (!($('tip_'+this.elt))) {
			
			this.conteneur = new Element ('div', {
				'class': 'bulle',
				'id': 'tip'+elt
			});
			this.conteneur.setStyle ({
				'position': 'absolute',
				'top':0,
				'left':0,
				'display':'none'
			});
			
			titreHTML = new Element ('div', {
				'class': 'title'
			});
			titreHTML.update(titre);
			
			contentHTML = new Element ('div', {
				'class': 'content'
			});
			contentHTML.update (content);
			
			new Insertion.Top (this.conteneur, titreHTML);
			new Insertion.Bottom (this.conteneur, contentHTML);
			
			new Insertion.Bottom ($$('body')[0], this.conteneur);
			
		}
		
		Event.observe (elt, 'mousemove', this.Open.bindAsEventListener(this));
		Event.observe (elt, 'mouseout', this.Close.bindAsEventListener(this));
	},
	
	
	Open: function (event) {
		Left = (Event.pointerX(event)+10)+'px';
		Top = (Event.pointerY(event)+10)+'px';
		
		
		this.conteneur.setStyle ({
			'display': 'block',
			'left': Left,
			'top': Top
		});
		
	},
	
	Close: function () {
		this.conteneur.setStyle ({
			'display': 'none'
		});
	}
}