var activePoint;
var timeout_reset;
var timeout_mainmenu;

var menu1 = '#1';
var menu2 = '#1-1';
var activeMenu1 =0; // keine
var resetTimer = 3000; // dauer bis zum zurück setzen des Menüs auf die Aktuelle Seite

var common='a {color: inherit; text-decoration: none;} a:link {color: inherit; text-decoration: none;} a:hover {color: inherit; text-decoration: none;} a:visited {color: inherit; text-decoration: none;} a:active {color: inherit; text-decoration: none;}';

var m1a=".sIFR-root { cursor: pointer; color:#113388; background-color: transparent; font-size:14px;} "+common;
var m1i=".sIFR-root { cursor: pointer; color:#ffffff; background-color: transparent; font-size:14px;} "+common;
var m2a=".sIFR-root { cursor: pointer; color:#ffffff; background-color: #103088; font-size:13px;} "+common;
var m2i=".sIFR-root { cursor: pointer; color:#113388; background-color: transparent; font-size:13px;} "+common;
var m3a=".sIFR-root { cursor: pointer; color:#ffffff; background-color: #103088; font-size:13px;} "+common;
var m3i=".sIFR-root { cursor: pointer; color:#113388; background-color: transparent; font-size:13px;} "+common;

if (/msie|MSIE 6/.test(navigator.userAgent))
  {
	// alert("Bitte kaufen Sie sich einen anständigen Browser!");
	m2a=".sIFR-root { cursor: pointer; color:#113388; background-color: #103088; font-size:13px;} "+common+" a:hover{text-decoration: underline";
}

function setMenuStyle(el,st) {
	try {
	if(!!sIFR) 
		sIFR.getReplacementByFlashElement($(el).find("object")[0]).changeCSS(st);
	} catch (e) {
	}
}
$(function () {
	// setzt das Menü auf die aktive Seite
	activePage();

	// Zeitverzögert Aktives Ebene 1 Element aktivieren
	//Ebene 2 Einblenden
	$('#main-menu > li > div').mouseover(function(){
		activePoint = $(this);
		timeout_mainmenu = setTimeout('switchMenu(activePoint)',300);	
		clearTimeout(timeout_reset);	// timeout verhindern
	});
	
	// bei verlassen timeout starten 
	$('#main-menu > li > div').mouseout(function(){
			clearTimeout(timeout_mainmenu);
		timeout_reset = setTimeout('activePage()',resetTimer);
	});	

	//Ebene 2 Aktiv -> Ebene 3 Einblenden
	// timeout verhindern
	$('#main-menu > li > ul > li > div,#main-menu > li > ul > li.last,#main-menu > li > ul > li.first').mouseover(function(){
		switchMenu2($(this));
		clearTimeout(timeout_reset); 
	});
	
	
	//Ebene 3 Aktiv ->
	// timeout verhindern
	$('#main-menu > li > ul > li > ul > li > div ,#main-menu > li > ul > ul > li > li.last,#main-menu > li > ul > ul > li > li.first').mouseover(function(){
		switchMenu3($(this));
		clearTimeout(timeout_reset); 
	});
	
	// bei verlassen timeout starten 
	$('#main-menu > li > ul > li > div').mouseout(function(){
		//clearEbene2();
		timeout_reset = setTimeout('activePage()',resetTimer);
	});
	
	/* 3. Ebene und 2. Ebene verbergen wenn ein 3. Ebene Punkt geklickt wurde */
	$('#main-menu > li > ul > li > ul > li > div').click(function(){
		$('.sub2-menu').hide();
		$('.sub-menu').hide();
	});	

	/* 2. Ebene verbergen wenn ein 2. Ebene Punkt geklickt wurde */
	$('#main-menu > li > ul > li > div').click(function(){
		$('.sub-menu').hide();
	});	
	
	// timeout verhindern
	$('#main-menu > li > ul > li > ul > li > div').mouseover(function(){
		clearTimeout(timeout_reset);
	});	

	// bei verlassen timeout starten 
	$('#main-menu > li > ul > li > ul > li > div').mouseout(function(){
		timeout_reset = setTimeout('activePage()',resetTimer);
	});	
	
	// 3.Ebene verbergen wenn man mit der Maus raus fährt
	$('#main-menu > li > ul > li > ul').mouseleave(function(){
			$('.sub2-menu').hide();
		
	});	
	
	// 2.Ebene verbergen wenn man mit der Maus raus fährt
	$('#main-menu > li > ul').mouseleave(function(){
			$('.sub-menu').hide();
	});
});

/**
* Wechselt zu einem Menüpunkt in der 1. Ebene
* @param menupoint JQuery Objekt eines Links in der 1. Hauptmenüebene
*/

function switchMenu(menupoint){
	clearMenu()
	
	menupoint.addClass('menu-active');
	setMenuStyle(menupoint,m1a);
	menupoint.next('ul').show();
	try {
	$('.sub2-menu').hide();
	} catch (e) {}
}
/**
* Wechselt zu einem Menüpunkt in der 2.Ebene
* @param menupoint JQuery Objekt eines Links in der 2. Hauptmenübene
*/
function switchMenu2(menupoint){
	
	clearEbene2();	
	menupoint.addClass('menu-active2');
		setMenuStyle(menupoint,m2a);
	menupoint.next('ul').show();
}

function switchMenu3(menupoint){
	
	clearEbene3();
	menupoint.addClass('menu-active2');
	setMenuStyle(menupoint,m3a);
	
}


function clearEbene2() {
	//Ebene 2 Aktiv -> Ebene 3 Einblenden
	$('#main-menu > li > ul > li > div').each(function(){
		$(this).removeClass('menu-active2');
			setMenuStyle(this,m2i);
	});
	//Ebene 3  -
	$('#main-menu > li > ul > li > ul > li > div').each(function(){
		$(this).removeClass('menu-active2');
			setMenuStyle(this,m3i);
	});
	$('.sub2-menu').hide();
}

function clearEbene3() {
	//Ebene 2 Aktiv -> Ebene 3 Einblenden
	$('#main-menu > li > ul > li > div').each(function(){
		$(this).removeClass('menu-active2');
			setMenuStyle(this,m2i);
	});
	//Ebene 3  -
	$('#main-menu > li > ul > li > ul > li > div').each(function(){
		$(this).removeClass('menu-active2');
			setMenuStyle(this,m3i);
	});
	
}


/**
* Wechselt die Menüpunkte  entsprechend der Aktuell angezeigten Seite
*/
function activePage(){
	
	
	if(activeMenu1  < 0)
	{
	      activeMenu1  = 0  ;
	      clearMenu()
	}
	else if(activeMenu1 >0)
	{
		clearMenu()

		if (activeMenu1 >0){
			$('#'+activeMenu1).addClass('menu-active');
				setMenuStyle('#'+activeMenu1,m1a);
		};
	
		/*	$(menu1).next('ul').show();
		if (menu2 != ''){		
		$(menu2).addClass('menu-active2');	
		};*/
	}
	else
	{
		var i =1; 
		
		while (document.getElementById(i)!=null)
		{
			if(document.getElementById(i).className=='menu-active')
			{
				activeMenu1 = i;
				break;
			}
			i=i+1;
		}
		
		if(activeMenu1 == 0)
		{
			activeMenu1  = -1  ;
		}
				
	}
}

/**
*  Menü zurücksetzten
*/
function clearMenu(){
	// Aktive Ebene 1 reseten
	$('#main-menu > li > div').each(function(){
		$(this).removeClass('menu-active');
			setMenuStyle(this,m1i);
	});
	// Aktive Ebene 2 reseten
	$('#main-menu > li > ul > li > div').each(function(){
		$(this).removeClass('menu-active2');
			setMenuStyle(this,m2i);
	});
	// Ebene 2 ausblenden	
	$('.sub-menu').each(function(){
		$(this).hide();
	});	
	// Aktive Ebene 3 reseten
	$('#main-menu > li > ul > li > ul > li > div').each(function(){
		$(this).removeClass('menu-active2');
			setMenuStyle(this,m3i);
	});
	$('.sub2-menu').hide();
}

