var content = new Array();
var loading = true;
var loading_message_is_visible = false;
var show_content_after_success = false;

/**
 * @function add_inline_link
 * @param selector (string) CSS-Selektor des Links
 * @param tabselector (string) CSS-Selektor des Tabs
 * @param contentIndex (string) Index des Content-Arrays
 */
var add_inline_link = function(selector,tabselector,contentIndex){

	$(selector).click(function(){
		 if(loading){
			show_content_after_success = $(tabselector);
			if(loading_message_is_visible){ return; }
			loading_message_is_visible = true;
			$("#contentContainer").html('<div class="wait"><img src="loading.gif" /> Bitte warten...</div>');
			return;
		}
		$("#navi .tab.active").each(function(){
			$(this).removeClass("active");
		});
		$("#navi .tab" + tabselector).addClass("active");
		$("#contentContainer").html(content[contentIndex]);
	});
}
var click_on_tab = function($this){
	if(loading){
		show_content_after_success = $this;
		if(loading_message_is_visible){ return; }
		loading_message_is_visible = true;
		$("#contentContainer").html('<div class="wait"><img src="loading.gif" /> Bitte warten...</div>');
		return;
	}
	var index = $($this).text();
	$("#navi .tab.active").each(function(){
		$(this).removeClass("active");
	});
	$($this).addClass("active");
	$("#contentContainer").html(content[index]);
	add_inline_link(".hilfeLink",".hilfe","Hilfe");
}
$(document).ready(function(){
	$.ajax({
		type: "POST",
		url: "get_content",
		success: function(msg){
			content = eval(msg)[0];
			loading = false;
			if(show_content_after_success){
				click_on_tab(show_content_after_success);
			}
		}
	});
	add_inline_link(".hilfeLink",".hilfe","Hilfe");
	$("#navi .tab").each(function(){
		$(this).click(function(){
			click_on_tab(this);
		});
	});
});