/**
 * @author 		René Klatt
 * @version 	.1 2009/12/17 16:00
 * 
 * Diese Datei nimmt alle elemente einer Navigation und weist Ihnen einen Event Handler zu
 * Der Handler setzt dann einen Link einer weiteren Navigation auf active
 */
$(document).ready(function() {
	
	$('#page_id_88').addClass("active");
	
	// MOUSEOVER FUNCTION
	// alle Links mit dieser css-class handler zuweisen
	$("li.ac_link").mouseover(function() {
		switchContent(this);
	});	
});

// ID tauschen
function replaceId(element){
	var elemId = element.id;
	elem = elemId.replace('page_id_', '');
	
	return elem;
}

/**
 * Funktion blendet Inhaltsboxen bei Mouseover ein/aus
 * Mehrer Inhalte werden übereinander gelegt und je nach dem welcher Link 
 * überfahren wird, der jeweilige Content geladen
 *  
 * @param element
 * @return
 */
function switchContent(element){
	elemId = replaceId(element);
	// Aktiven Navipunkt deaktivieren
	if($("li.ac_link").hasClass("active")) {
		$("li.ac_link").removeClass("active");
	}
	// Alte Seite (div) ausblenden
	if($("div.ac_content").hasClass("active")) {
		$("div.ac_content").removeClass("active");
	}

	// Farben der Hintergrund Elemente ändern.
	var top = $('div#ac_top');
	var center = $('div#ac_center');
	var bottom = $('div#ac_bottom');
	
	var ac_top_class = $('div#ac_top').attr('class');
	var ac_center_class = $('div#ac_center').attr('class');
	var ac_bottom_class = $('div#ac_bottom').attr('class');
	
	top.removeClass(ac_top_class);
	center.removeClass(ac_center_class);
	bottom.removeClass(ac_bottom_class);
	
	top.addClass('top_color_for_' + elemId);
	center.addClass('center_color_for_' + elemId);
	bottom.addClass('bottom_color_for_' + elemId);
	
	// Gewählte Seite (div) einblenden
	$('div#ac_page_' + elemId).addClass("active");
	$(element).addClass("active");
}

/**
 * Diese funktion lädt per ajax inhalt aus der Datenbank und gibt diese im gewünschten Bereich aus
 * @param element
 * @return
 */
function loadContent(element){
	elemId = replaceId(element);
	
	$.ajax({
		url : "/ajax/get-ajax-content/page-id/" + elemId,
		success : function (data) {
		if($("li.ac_link").hasClass("active")) {
			$("li.ac_link").removeClass("active");
		}
		
		$("#ac_content").html(data);
		
		
		$(element).addClass("active");
	}
	
	});
}