var Balloon = Class.create();

Balloon.prototype = {
			
	initialize : function() {

		Insertion.Top(document.body, '<span id="balloon" style="display:none"></span>');
		
		document.observe('mousemove', function(ev){ 
			$('balloon').style.left = Event.pointerX(ev) + 13 + 'px';
			$('balloon').style.top = Event.pointerY(ev) - 120 + 'px';
		});
		
		$$('.balloonHandle').each(function(el){
			el.observe('mouseover', function(){Balloon.prototype.show(el)});
			el.observe('mouseout', Balloon.prototype.hide);
		});				
		
	},

	show : function(el){  
		$('balloon').show();
		$('balloon').update(el.next().innerHTML);
	}, 
	
	hide : function()
	{
		$('balloon').hide();
	}

}

window.onload = function(){new Balloon}