/**
 * Explanation Bubble
 *
 * Visar en "pratbubbla" som förklarar ett inputfält
 */
jQuery.noConflict();
jQuery(document).ready(function($){

	/** Hover-funktionalitet för undermenyerna */
	$("input, textarea").focus(function() {
		var text;

		switch ($(this).attr("id")) {
			case "cfName": 
				text = "Ange ditt namn";
				break;
			case "cfEmail":
				text = "Ange en korrekt e-postadress";
				break;
			case "contactmessage1":
				text = "Ange sökvägen  till sidan där felet uppstod (om möjligt kopiera och klistra in)";
				break;
			case "contactmessage2":
				text = "Försök vara så precis som möjligt för att underlätta felsökningen";
				break;
			default: 
				return;
		}

		$(this).parent().parent().after("<div class='bubble'><div class='bubble_content'>" + text + "</div><div class='bubble_footer'></div></div>");
		$(this).parent().parent().next().css("top", $(this).position().top);
		$(this).parent().parent().next().css("left", $(this).position().left + $(this).outerWidth() + 20);
		$(this).parent().parent().next().fadeIn(500);
	});
	
	$("input, textarea").blur(function() {
		$(".bubble").fadeOut(300, function() {
			$(this).remove();
		});
	});
});