$(document).ready( 
	function()
	{
		/**
		 * Initialisierung des default Elementes
		 */
		init(1);
		
		$("#mgmNav li").click(
				function(evt)
				{
					var i = $("#mgmNav li").index($(this));
					i++;
					$("#mgmNav li").removeAttr("class");
					$(this).attr("class","aktiv");
					$("#mgmContent").children().css("display","none");
					$("#mgmContent div.mgmGroup:nth-child("+i+")").fadeIn(0);
				}
		);
		$("#mgmExtra").hover(
				function(evt){
					$("#mgmPopup").fadeIn();
				},
				function(evt){
					$("#mgmPopup").fadeOut();
				}
		);
	}
);

/**
 * Funktion der Initialisierung
 * 
 * @param i
 * @return
 */
function init(i)
{

	$("#mgmContent").children().css("display","none");
	$("#mgmContent div:nth-child("+i+")").fadeIn(0);
	$("#mgmNav li:nth-child("+i+")").attr("class","aktiv");	
	$(".mgmGroup").children(":not('.mgmInfobox2','.mgmInfobox1','.mgmInfobox3')").bind("mouseover",mouseOverHandler);
	$(".mgmGroup").children(":not('.mgmInfobox2','.mgmInfobox1','.mgmInfobox3')").bind("mouseout",mouseOutHandler);
}

var mouseOverHandler = function(evt){
	var i = $(this).parent().children().index($(this));
	i=i+4;
	$(this).parent().children(":nth-child("+i+")").css("display","inline");
};
var mouseOutHandler = function(evt){
	var i = $(this).parent().children().index($(this));
	i=i+4;
	$(this).parent().children(":nth-child("+i+")").fadeOut(0);
};