Hey all,

I have an issue when you using mootools tooltips but with no mootools forum anymore I thought i would ask here, I'm sure i can fix this with plain javascript anyways.

What i have is a selection of images in a div and when they are moused over a tooltip appears saying click image to remove. then i have an onclick function that removes the image from the dom, the problem is when i click the image and it removes the tooltip stays there and the only way i can get rid of it is to refresh the page.

Mootools tips don't have onclick functions build in just onShow and onHide so I can't figure out how to remove this tip once I have click on the image.

Can anyone help me out with this? do i need some kind of remove event function? my code is below. Thanks
Code:
var sessEl = document.getElementById('div').getElementsByTagName('*');
for(i=0; i<sessEl.length; i++){
 var sessChild = sessEl[i];
		sessChild.set({
			events:{
						click: function(){removeEle([this.id]);}
							
						}
						
					});
		var Tips2 = new Tips($$([sessChild]), {
								 
	initialize:function(){
		this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
	},
	onShow: function(toolTip) {
		this.fx.start(1);
	},
	onHide: function(toolTip) {
		this.fx.start(0);
	},

});