$(document).ready(function(){

$("#content").hide();

			$("ul#navi").html(
			'<li><a id="w-links" href="index.html"><img width="40" height="36" src="images/blank.gif" alt="Seite Zurück" /></a></li>'+
			'<li><a title="Start" href="index.html?page=Start">Start</a></li>'+
			'<li><a title="QED" href="qed.html?page=QED">QED</a></li>'+
            '<li><a title="Entstehung" href="entstehung.html?page=Entstehung">Entstehung</a></li>'+
            '<li><a title="Haltung" href="haltung.html?page=Haltung">Haltung</a></li>'+
            '<li><a title="SGB-Bezug" href="sgb-bezug.html?page=SGB-Bezug">SGB-Bezug</a></li>'+
            '<li><a title="Baukastensystem" href="baukastensystem.html?page=Baukastensystem">Baukastensystem</a></li>'+
            '<li><a title="QM-System" href="qm-system.html?page=QM-System">QM-System</a></li>'+
            '<li><a title="Kontakt" href="kontakt.php?page=Kontakt">Kontakt</a></li>'+
            '<li><a id="w-rechts" href="module.php"><img width="40" height="36" src="images/blank.gif" alt="Nächste Seite" /></a></li>');
			
			$("ul#navi li:last").addClass("last");
			

	// Funktion für Active
	if ($.getURLParam("page")) {		
	    var container = $("ul#navi li");
		container.find("[title='"+$.getURLParam("page")+"']").attr("id", "active");
	}
	
	// get href text from eg:(index - 1) und speicher in var  backpage / vorpage
	var index = $("ul#navi li a").index($('#active')[0]);
	
	var backpage = index - 1;
	var backpage = $('ul#navi li a:eq(' + backpage + ')').attr("href");
	var vorpage = index + 1;
	var vorpage = $('ul#navi li a:eq(' + vorpage + ')').attr("href");
	
	$("ul#navi li #w-links").attr("href",backpage);
	$("ul#navi li #w-rechts").attr("href",vorpage);
	
	
	

	
	

$("#content").fadeIn(2000);

		var myimg = $("a.openit").attr("href");

		$("body").append('<div id="overlayer"></div>');
		$("body").append('<div id="popcontent"><a class="close" href="javascript:;">X schließen</a><img src="'+myimg+'"/></div>');
		
		$("a.openit").attr({ 
			href: "javascript:;"
		});
		
	 	var $body = $(this.ie6 ? document.body : document);
		
		$('#overlayer').css({
		width:		$body.width(),
		height:		$body.height()
		});
		delete $body;

	
	$("a.openit").click(function(){
		$("#overlayer").css('opacity',0.33);
		$("#overlayer, #popcontent").fadeIn(500);
		
	});
	
	$("a.close, #overlayer").click(function () {						 
      $("#overlayer, #popcontent").fadeOut(1000);
    });

});