$(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})
		$('.toolTipWrapper').fadeIn(300);
	},
	function() {
		$('.toolTipWrapper').fadeOut(100);
		$(this).children().remove();
			this.title = this.tip;
		}
	);
});


$(document).ready(function() {
	$('.toolTip300').hover(
		function() {
		this.tip = this.title;
		$(this).append(
			'<div class="toolTipWrapper300">'
				+'<div class="toolTipTop300"></div>'
				+'<div class="toolTipMid300">'
					+this.tip
				+'</div>'
				+'<div class="toolTipBtm300"></div>'
			+'</div>'
		);
		this.title = "";
		this.width = $(this).width();
		$(this).find('.toolTipWrapper300').css({left:this.width-22})
		$('.toolTipWrapper300').fadeIn(300);
	},
	function() {
		$('.toolTipWrapper300').fadeOut(100);
		$(this).children().remove();
			this.title = this.tip;
		}
	);
});

$(document).ready(function() {
	$('.toolTipGreen').hover(
		function() {
		this.tip = this.title;
		$(this).append(
			'<div class="toolTipWrapperGreen">'
				+'<div class="toolTipTopGreen"></div>'
				+'<div class="toolTipMidGreen">'
					+this.tip
				+'</div>'
				+'<div class="toolTipBtmGreen"></div>'
			+'</div>'
		);
		this.title = "";
		this.width = $(this).width();
		$(this).find('.toolTipWrapperGreen').css({left:this.width-22})
		$('.toolTipWrapperGreen').fadeIn(300);
	},
	function() {
		$('.toolTipWrapperGreen').fadeOut(100);
		$(this).children().remove();
			this.title = this.tip;
		}
	);
});

$(document).ready(function() {
	$('.toolTipYellow').hover(
		function() {
		this.tip = this.title;
		$(this).append(
			'<div class="toolTipWrapperYellow">'
				+'<div class="toolTipTopYellow"></div>'
				+'<div class="toolTipMidYellow">'
					+this.tip
				+'</div>'
				+'<div class="toolTipBtmYellow"></div>'
			+'</div>'
		);
		this.title = "";
		this.width = $(this).width();
		$(this).find('.toolTipWrapperYellow').css({left:this.width-22})
		$('.toolTipWrapperYellow').fadeIn(300);
	},
	function() {
		$('.toolTipWrapperYellow').fadeOut(100);
		$(this).children().remove();
			this.title = this.tip;
		}
	);
});