var helptexts = null;
var hideTimer = null;

function InitFAGuiden(url)
{
	// Load help texts
	$.getJSON(url, function(json){ 
			helptexts = json; 
			if(json != null)
			{
				if(helptexts.search.title != null && helptexts.search.title != "")
					$("#c_helpImageSearch").css("visibility", "inherit");
					
				if(helptexts.regionchooserstart.title != null && helptexts.regionchooserstart.title != "")
					$("#c_helpImageRegionChooserStart").css("visibility", "inherit");
					
				if(helptexts.regionchoosersub.title != null && helptexts.regionchoosersub.title != "")
					$("#c_helpImageRegionChooserSub").css("visibility", "inherit");
					
				if(helptexts.login.title != null && helptexts.login.title != "")
					$("#c_helpImageLogin").css("visibility", "inherit");
			}
		}
	);
	
	// Disable timeout for box container
	$("#helpBoxContainer").hover(function(e){
			if(hideTimer != null)
				clearTimeout(hideTimer);
		},
		function(e){
			hideTimer = setTimeout("$(\"#helpBoxContainer\").hide()", 500);
		}
	);
	
	// Help for searchbox
	$("#c_helpImageSearch").hover(function(e){
			if(helptexts != null)
			{
				var offset = $(this).offset();
				
				// Set css class to get corrent apperience on the box
				$("#helpBoxTextContainer").attr("class", "HelpBoxTextRight");
				$("#helpBoxBottom").attr("class", "HelpBoxBottom");
				
				// Set texts
				$("#helpBoxTitle").text(helptexts.search.title);
				$("#helpBoxText").html(doReplace(helptexts.search.text));
				
				// Set position relative to event source (this)
				$("#helpBoxContainer").css("top", (offset.top + $(this).height() + 4) + "px");
				$("#helpBoxContainer").css("left", (offset.left - 293) + "px");
				
				// Finally show the helpbox
				$("#helpBoxContainer").show();
			}
		}, 
		function(){
			// Hide the help box
			hideTimer = setTimeout("$(\"#helpBoxContainer\").hide()", 500);
		}
	);
	
	// Help for regionchooser startpage
	$("#c_helpImageRegionChooserStart").hover(function(e){
			if(helptexts != null)
			{
				var offset = $(this).offset();
				// Set css class to get corrent apperience on the box
				$("#helpBoxTextContainer").attr("class", "HelpBoxTextNone");
				$("#helpBoxBottom").attr("class", "HelpBoxBottomRight");
				
				// Set texts
				$("#helpBoxTitle").text(helptexts.regionchooserstart.title);
				$("#helpBoxText").html(doReplace(helptexts.regionchooserstart.text));
				
				// Set position relative to event source (this)
				$("#helpBoxContainer").css("top", (offset.top - $("#helpBoxContainer").height()) + "px");
				$("#helpBoxContainer").css("left", (offset.left - 293) + "px");
				
				// Finally show the helpbox
				$("#helpBoxContainer").show();
			}
		}, 
		function(){
			// Hide the help box
			hideTimer = setTimeout("$(\"#helpBoxContainer\").hide()", 500);
		}
	);
	
	// Help for regionchooser subpage
	$("#c_helpImageRegionChooserSub").hover(function(e){
			if(helptexts != null)
			{
				var offset = $(this).offset();
				
				// Set css class to get corrent apperience on the box
				$("#helpBoxTextContainer").attr("class", "HelpBoxTextLeft");
				$("#helpBoxBottom").attr("class", "HelpBoxBottom");
				
				// Set texts				
				$("#helpBoxTitle").text(helptexts.regionchoosersub.title);
				$("#helpBoxText").html(doReplace(helptexts.regionchoosersub.text));
				
				// Set position relative to event source (this)
				$("#helpBoxContainer").css("top", (offset.top + $(this).height() + 4) + "px");
				$("#helpBoxContainer").css("left", (offset.left - 31) + "px");
				
				// Finally show the helpbox
				$("#helpBoxContainer").show();
			}
		}, 
		function(){
			// Hide the help box
			hideTimer = setTimeout("$(\"#helpBoxContainer\").hide()", 500);
		}
	);
	
	// Help for login
	$("#c_helpImageLogin").hover(function(e){
			if(helptexts != null)
			{
				var offset = $(this).offset();
				
				// Set css class to get corrent apperience on the box
				$("#helpBoxTextContainer").attr("class", "HelpBoxTextRight");
				$("#helpBoxBottom").attr("class", "HelpBoxBottom");
				
				// Set texts
				$("#helpBoxTitle").text(helptexts.login.title);
				$("#helpBoxText").html(doReplace(helptexts.login.text));
				
				// Set position relative to event source (this)
				$("#helpBoxContainer").css("top", (offset.top + $(this).height() + 4) + "px");
				$("#helpBoxContainer").css("left", (offset.left - 293) + "px");
				
				// Finally show the helpbox
				$("#helpBoxContainer").show();
			}
		}, 
		function(){
			// Hide the help box
			hideTimer = setTimeout("$(\"#helpBoxContainer\").hide()", 500);
		}
	);

}

function doReplace(text){
	var newText = text.replace(/leftie/g, "<");
	newText = newText.replace(/rightie/g, ">");
	newText = newText.replace(/dubbelfnutt/g, "\"");
	return newText;
}