var $j = jQuery.noConflict();

var lastClass;
var activeClass;

$j(document).ready(function() {
	$j('a#main_navigation_personal-und-arbeitsvermittlung_a').addClass("js-switch");
	$j('a#main_navigation_persoenlichkeitsentwicklung_a').addClass("js-switch");
	$j('a#main_navigation_unternehmensentwicklung_a').addClass("js-switch");
	
	// MOUSEOVER FUNCTION
	// alle Links mit dieser css-class handler zuweisen
	$j("a.js-switch").mouseover(function() {
		switchClass(this);
	});	
	$j("a.js-switch").mouseout(function() {
		switchClassBack(this);
	});	
});

function switchClass(element){
	// id des Links der gerade überfahren wird
	var circleClass = element.id;
	
	// jetztigen Klassen Namen speichern und etfernen, damit neuer hinzugefügt werden kann	
	lastClass = $j('div#kreise').attr('class');
	$j('div#kreise').removeClass(lastClass);
	
	// Kreise div ansprechen und neue css Klasse zuweisen	
	$j('div#kreise').addClass(circleClass);

}
function switchClassBack(element){
	var circleClass = element.id
	$j('div#kreise').removeClass(circleClass);	
	$j('div#kreise').addClass(lastClass);
}