/*
 * Menu Function Script
 *
 * Copyright (c) 2009 René Woizenko, Min-Suk Oh
 *
 * Date: 2009-11-09 16:18 (Mon, 11 Nov 2009)
 * @version: 1.8
 */
$(document).ready(function(){
	
	//Entferne alle hrefs aus allen a-tags die sich in dem ul mit der ID "naviList" befinden und deaktiviere diese.
	$('ul#naviList a').each(function(){ $(this).attr({href: 'javascript:void(0);'}); });
	$('ul#naviList li ul').each(function() { $(this).hide(); } );
	
	// Hole dir die URL und die angegebene Adresse.
	var getUrl = document.URL;
	var getPosSlash = getUrl.lastIndexOf('/');
	var urlName = getUrl.substr( getPosSlash+1 );
	var altUrl = urlName.search('.php');
	var urlLocation = '';
	
	// Überprüfe die in der URL angegebene Adresse und lade den entsprechenden Inhalt.
	if( urlName == '' || urlName == 'index.php' ) {
	  urlLocation = 'news.php';
	} else if( altUrl == -1 ) {
		urlLocation = urlName+'.php';
	  } else if ( urlName != '' || urlName != 'index.php' ) {
	      urlLocation = urlName;
	    }
	
	//Lade am Anfang eine Seite, abhängig von der angegebenen URL und setze den entsprechenden Menüpunkt aktiv.
	$('#contentBox').hide();
	$('#contentBox').load('scriptPages/'+urlLocation)
					.fadeIn(1000);
	
	$('ul#naviList li').each(function() {
		$(this).removeClass('active');
		$(this).addClass('inactive');
	});
	
	var menuListItem = '';
	var getMenuId = urlLocation.split('.');
	var searchMenuListItem = getMenuId[0].search('-');
	
	if( searchMenuListItem != -1 ) {
		var getMenuListItem = getMenuId[0].split('-');
		menuListItem = getMenuListItem[0];
	} else {
		menuListItem = getMenuId[0];
	}
	
	$('ul#naviList li#'+menuListItem).removeClass("inactive");
	$('ul#naviList li#'+menuListItem).addClass("active");
	
	if( getMenuId[0] != 'press' ) {
		var subLink = $('#'+menuListItem+'-subNavi li a').attr('id');
		$('a#'+subLink).removeClass('inactive');
		$('a#'+subLink).addClass('active');
	}
	
	$('#'+menuListItem+'-subNavi').removeClass('inactive');
	$('#'+menuListItem+'-subNavi').addClass('active');
	$('#'+menuListItem+'-subNavi').animate({opacity: 'show'}, 250);
	
	$('#'+menuListItem+'-subNavi li a').removeClass('active');
	$('#'+menuListItem+'-subNavi li a').addClass('inactive');
	$('#'+menuListItem+'-subNavi li a#'+getMenuId[0]).removeClass('inactive');
	$('#'+menuListItem+'-subNavi li a#'+getMenuId[0]).addClass('active');

    //Wird ein li mit einer ID geklickt wird das dazugehörige ul(wenn vorhanden) angezeigt. Und ihm die class "active" gegeben.
	var mainMenuListItems = function() {  
		var getElmId = $(this).attr('id');
		var ulClass = $('#'+getElmId+'-subNavi').attr('class');
		
		if( ulClass != 'active' ) {
			$('li[id] ul[id]').animate({opacity: 'hide'}, 250);
		}
		
		$('li[id]').removeClass('active');
		$('li[id]').addClass('inactive');
		
		$('li[id] ul[id]').removeClass('active');
		$('li[id] ul[id]').addClass('inactive');
		
		if( getElmId != '' ) {
			$('#'+getElmId).removeClass('inactive');
			$('#'+getElmId).addClass('active');
			$('#'+getElmId+'-subNavi').removeClass('inactive');
			$('#'+getElmId+'-subNavi').addClass('active');
			$('#'+getElmId+'-subNavi').animate({opacity: 'show'}, 250);
		}
		
	}	
	$('ul#naviList li[id]').bind('click', mainMenuListItems);

	// Wird auf einen Hauptpunkt des Menüs geklickt wird die class der Untermenüpunkte auf "inactive" gesetzt.
	var mainMenuItem = function () {
		var getId = $(this).closest('li').attr('id');
		var getStatus = $('li#'+getId).attr('class');
		var getSubId = $('#'+getId+'-subNavi li a').attr('id');
		
		if( getStatus != 'active' ) {
			$('#contentBox').fadeOut(250, function() {
				if( getSubId == undefined || getId == 'press' ) {
					$('#contentBox').load('scriptPages/'+getId+'.php', function() {
						$('#contentBox').fadeIn(300);
					});
					$('ul#naviList li[id] ul[id] li a').removeClass('active');
					$('ul#naviList li[id] ul[id] li a').addClass('inactive');
				} else {
					$('ul#naviList li[id] ul[id] li a').removeClass('active');
					$('ul#naviList li[id] ul[id] li a').addClass('inactive');
					$('a#'+getSubId).removeClass('inactive');
					$('a#'+getSubId).addClass('active');
					$('#contentBox').load('scriptPages/'+getSubId+'.php', function() {
						$('#contentBox').fadeIn(300);
					});
				  }
			});
		} else if( getId == 'press' ) {
					$('#contentBox').fadeOut(250, function() {
						if( getSubId == undefined || getId == 'press' ) {
							$('#contentBox').load('scriptPages/'+getId+'.php', function() {
								$('#contentBox').fadeIn(300);
							});
							$('ul#naviList li[id] ul[id] li a').removeClass('active');
							$('ul#naviList li[id] ul[id] li a').addClass('inactive');
						} else {
							$('ul#naviList li[id] ul[id] li a').removeClass('active');
							$('ul#naviList li[id] ul[id] li a').addClass('inactive');
							$('a#'+getSubId).removeClass('inactive');
							$('a#'+getSubId).addClass('active');
							$('#contentBox').load('scriptPages/'+getSubId+'.php', function() {
								$('#contentBox').fadeIn(300);
							});
						  }
					});
		  }
	}
	$( 'a.mainMenuItem' ).bind('click', mainMenuItem);
	
	// Wird ein Untermenüpunkt ausgewählt wird ihm die class active mitgegeben.
	var subMenuItem = function() {
		var getId = $(this).attr('id');
		var getClass = $(this).attr('class');
		
		if( getClass != 'active' ) {
			$('#contentBox').fadeOut(250, function() {
				$('#contentBox').load('scriptPages/'+getId+'.php', function() {
					$('#contentBox').fadeIn(300);
				});
			});
			
			$('ul#naviList li[id] ul[id] li a').removeClass('active');
			$('ul#naviList li[id] ul[id] li a').addClass('inactive');
	
			var subItemClass = $(this).attr('class');
			if( subItemClass != 'active' ) {
				$(this).removeClass('inactive');
				$(this).addClass('active');
			}
		}
	}
	$('ul#naviList li[id] ul[id] li a').bind('click', subMenuItem);
	
});