/**
 * @author 		René Klatt
 * @version 	.1 2009/12/09 16:21
 * 
 * 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
 */

var elem;

$(document).ready(function() {
	// MOUSEOVER FUNCTION
	// alle Links mit dieser css-class handler zuweisen
	$("a.left_link").mouseover(function() {
		setActive(this);
	});
	// MOUSEOUT FUNCTION
	$("a.left_link").mouseout(function() {
		unsetActive(this);
	});
	
	// MOUSEOVER FUNCTION
	$("a.right_link").mouseover(function() {
		setActive(this);
	});
	// MOUSEOUT FUNCTION
	$("a.right_link").mouseout(function() {
		unsetActive(this);
	});	
});

// ID tauschen
function replaceId(element){
	var elemId = element.id;
	if(elemId.indexOf('_left') != -1){
		elem = elemId.replace('_left', '_right');
	}else{
		elem = elemId.replace('_right', '_left');
	}
	return elem;
}

// Benachbarten link auf active setzen
function setActive(element){
	elem = replaceId(element);
	if (!$("a#" + elem).hasClass("active")) {
		$("a#" + elem).addClass("active");
	}
}
//Benachbarten link auf inactive setzen
function unsetActive(element){
	elem = replaceId(element);
	
	if ($("a#" + elem).hasClass("active")) {
		$("a#" + elem).removeClass("active");
	}
}