var Tooltip = Class.create();
	Tooltip.prototype = {
		initialize: function(element) {
			this.options = {
				width: "220px",
				zindex: 1000
		};

		this.element = $(element);

		this.tool_tip = $(document.createElement("div")); 
		document.body.appendChild(this.tool_tip);
		this.tool_tip.hide();
		this.tool_tip.addClassName("tooltip_main");
		this.tool_tip.innerHTML="<div class=\"tooltip_top\">&nbsp;</div><div class=\"tooltip_body\">"
				+this.element.title.replace(/\\n/gi, "<br>")
				+"</div>";

		this.element.title="";
		
		Element.clonePosition(this.tool_tip, this.element, {
				setWidth:false,
				setHeight:false,
				offsetTop:Element.getHeight(this.element)+2
			}
		);
		
		this.eventMouseOver = this.showTooltip.bindAsEventListener(this);
		this.eventMouseOut = this.hideTooltip.bindAsEventListener(this);

		Event.observe(this.element, "mouseover", this.eventMouseOver);
		Event.observe(this.element, "mouseout", this.eventMouseOut);
	},

	showTooltip: function(event) {
		if (Prototype.Browser.IE && !navigator.appVersion.include('MSIE 6')){ //IE 7!?
			this.tool_tip.setStyle( { left: Event.pointerX(event)-40+"px"} );
		}
		new Element.show(this.tool_tip);
	},

  	hideTooltip: function(event){
		new Element.hide(this.tool_tip);
	}
}