jQuery.tooltip = function(caller,promptText,cover){
		$('#' + caller).mouseover(function(){ 
				var divFormError = document.createElement('div')
				var formToolTipContent = document.createElement('div')
				var arrow = document.createElement('div')
				
				
				$(divFormError).addClass("formToolTip")
				$(divFormError).addClass($('#' + caller).attr("name"))
				$(formToolTipContent).addClass("formToolTipContent")
				$(arrow).addClass("formToolTipArrow")

				$('body').append(divFormError)
				$(divFormError).append(arrow)
				$(divFormError).append(formToolTipContent)
				
				if(!cover){
					$(arrow).html('<div class="line10"></div><div class="line9"></div><div class="line8"></div><div class="line7"></div><div class="line6"></div><div class="line5"></div><div class="line4"></div><div class="line3"></div><div class="line2"></div><div class="line1"></div>')
					$(formToolTipContent).html(promptText)
				}else{
					$(formToolTipContent).html('<img src="' + cover + '" alt="Laden...">')
				}
				
			
				callerTopPosition = $('#' + caller).offset().top
				callerleftPosition = $('#' + caller).offset().left
				callerWidth =  $(caller).width()
				callerHeight =  $('#' + caller).height()
				inputHeight = $(divFormError).height()
				
				if(!cover){
					callerleftPosition = callerleftPosition + callerWidth -10
					callerTopPosition = callerTopPosition - inputHeight -15
				
					$(divFormError).css({
						top:callerTopPosition,
						left:callerleftPosition,
						opacity:0
					})
					$(divFormError).fadeTo("fast",1);
				}else{
					callerleftPosition = callerleftPosition + 50
					callerTopPosition = callerTopPosition - 250
					
					$(divFormError).css({
						top:callerTopPosition,
						left:callerleftPosition,
						opacity:0,
						width: '212px',
						height:'300px'
				})
				
				$(divFormError).fadeTo("fast",1);
				
				}
		});

		$('#' + caller).mouseout(function(){ 
			$('.formToolTip').fadeTo("fast",0);
			$('.formToolTip').remove();
		});		
};