var ts = []; //Title
var cs = []; //Content
var ns = []; //Title as Navigation (copy)
var index = 0;

var animLength = 400; //ms

var changeContent = function(newContent) {

	$(ns[index]).attr("id", "index_"+index);
	$(ns[index]).removeClass("category-active");

	$(ts[index]).fadeOut(animLength);
	$(cs[index]).fadeOut(animLength, function(){
		if (isNaN(newContent)) {
			index++;
		} else if (newContent === -1) {
			index--;
		} else {
			index = newContent;
		}
		
		if (index >= ts.length) {
			index = 0;
		}
		
		if (index < 0) {
			index = ts.length - 1;
		}
		
		//$(ns[index]).addClass("category-active");
		$(ns[index]).attr("id", "category-active");

		$(ts[index]).fadeIn(animLength);
		$(cs[index]).fadeIn(animLength);
		
		//window.location.hash = ""+index;
	});
}

$(document).ready(function(){
	
	$("div#tabs ul").addClass("box");
	$("div#tabs ul li div a").unwrap();
	$("div#tabs ul li a").append('<span class="tab-l"></span><span class="tab-r"></span>');
	
	$("ul#links > ul > li > div > a").unwrap();
	
	$("ul#links > ul > li").unwrap();
	
	//selected-Id in Navigation setzen
	var end = document.location.href.indexOf("#");
	var curAddr = document.location.href;
	if (end > 0) {
		curAddr = curAddr.slice(0,end);
	}
	//$("#navigation a[href=\""+curAddr+"\"]").parent().addClass("selected");
	$("#tabs a[href=\""+curAddr+"\"]").parent().attr("id","active");
		
	//Überschriften in Content bearbeiten
	$("#content > .level1").remove();
	$("#content > h1").remove();
	$("#content > h2").each(function(i, e) {
		ts[i] = e;
		
		//Überschrift als Element in Subnavigation einfügen (inkl. Event)
		ns[i] = $("<li><a href=\"#" + i + "\">" + $(e).text() + "</a></li>").click(function() {
			changeContent(i);
		});
		$("ul#category").append(ns[i]);
		
		//Überschrift verstecken
		$(e).remove();
	});

	//Content verstecken
	$("#content > div.level2").each(function(i, e) {
		cs[i] = e;
		$(e).remove();
	});

	//Content bauen und verstecken
	for (var i = 0; i < cs.length; i++) {
		//$(ts[i]).wrap('<div class="article"/>').append($(cs[i]))
		cs[i] = '<div class="article" id="c_'+i+'"><h2>'+$(ts[i]).html()+'</h2>'+$(cs[i]).html()+'</div>';
		$("#content").append( cs[i] );
		cs[i] = $("#c_"+i);
		cs[i].hide();
	}
	
	//Startseite bestimmen
	var startindex = parseInt(window.location.hash.substring(1));
	if (isNaN(startindex)) {
		startindex = 0;
	}
	
	//Startseite anzeigen
	changeContent(startindex);
	
});