$(document).ready(function(){
	$("*[class^=frm_tt]").hover(
		function() {
			var offset = ($(this).offset().top) - ($("#mainContent").offset().top) - 10;
			var tooltipId = ($(this).attr("class").split(' ').slice(0,1));
			var colour = $("#mainContent h1").css("color");
			if(($(this).attr("type")!='radio') && ($(this).attr("type")!='checkbox'))
			{
				$(this).css("border","1px solid " + colour);
			}
			$(".visibleTooltip").hide().removeClass("visibleTooltip");
			$("#" + tooltipId).show().css("margin-top",offset).addClass("visibleTooltip");
		},
		function() {
			$(".tooltip").hide();
			var tooltipId = ($(this).attr("class").split(' ').slice(0,1));
			if(($(this).attr("type")!='radio') && ($(this).attr("type")!='checkbox'))
			{
				$(this).css("border","1px solid #BFBFBF");
			}
			$("#" + tooltipId).hide().removeClass("visibleTooltip");
		}
	);
	
	$("*[class^=frm_tt]").focus(
		function() {
			var offset = ($(this).offset().top) - ($("#mainContent").offset().top) - 10;
			var tooltipId = ($(this).attr("class").split(' ').slice(0,1));
			var colour = $("#mainContent h1").css("color");
			if(($(this).attr("type")!='radio') && ($(this).attr("type")!='checkbox'))
			{
				$(this).css("border","1px solid " + colour);
			}
			$(".visibleTooltip").hide().removeClass("visibleTooltip");
			$("#" + tooltipId).show().css("margin-top",offset).addClass("visibleTooltip");
		}
	);
	
	$("*[class^=frm_tt]").blur(
		function() {
			$(".tooltip").hide();
			var tooltipId = ($(this).attr("class").split(' ').slice(0,1)); 
			if(($(this).attr("type")!='radio') && ($(this).attr("type")!='checkbox'))
			{
				$(this).css("border","1px solid #BFBFBF");
			}
			$("#" + tooltipId).hide().removeClass("visibleTooltip");
		}
	);
    
});