MooTools simple tips

Simple and easy way to create a javascript tooltip with Mootools.

<div class=Tip title='Tips Title :: This is my tip content'>Tooltip Link</div>
window.addEvent(domready, function(){
var tooltip = new Element(div,{id: tooltip}).inject(document.body,top);
tooltip.setStyles({
opacity:0,
color:#eee,
padding:6px,
position:absolute,
background:#000,
z-index:1000
});

$$(.Tip).addEvents({
mousemove: function(e){
tooltip.setStyles({top:e.page.y +10});
tooltip.setStyles({left:e.page.x + 10});
},
mouseenter: function(){
tx = this.get(title);
var ex = tx.split(::)
tooltip.set(html,<b>+ex[0]+'</b><br />'+ex[1]);
this.set(title,'');
tooltip.fade(in);
},

mouseleave: function(){
this.set(title,tx);
tooltip.fade(out);
}
});
});