$(document).ready(function() {
		
	$('.toolTip').hover(
		function() {
		this.tip = this.title;
		$(this).append(
			'<div class="toolTipWrapper">'
				+'<div class="toolTipTop"></div>'
				+'<div class="toolTipMid">'
					+this.tip
				+'</div>'
				+'<div class="toolTipBtm"></div>'
			+'</div>'

		);
		this.title = "";
		this.width = $(this).width();
		$(this).find('.toolTipWrapper').css({left:this.width-22})
		//The following line is not recognized by Firefox, and generates a bug
		if(navigator.appName == 'Microsoft Internet Explorer') {
	        var ua = navigator.userAgent;
    	    var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
        	if (re.exec(ua) != null)
            	rv = parseFloat(RegExp.$1);
            if (rv < 8.0) 
				$('.toolTipWrapper').bgiframe();
		}
		$('.toolTipWrapper').fadeIn(300);
	},
	function() {
		$('.toolTipWrapper').fadeOut(100);
		$(this).children().remove();
			this.title = this.tip;
		}
	);

});