/**
 * JS Modul für bestimmte Navigationspunkte
*/
$(document).ready(function() {

	
	//***********************************************
	//Link "Clients" ausschalten
	//***********************************************	
	$("a.link11").attr("href", "#");
	
	//***********************************************
	//.section-11 ("Clients") mit Grafik füllen
	//***********************************************	
	$(".section-11").html("<img src='fileadmin/user_upload/media/features/client_small.png' />");
	
	//***********************************************
	//Klickfunktion auf bei Klick auf "Clients"	
	//***********************************************	
	$('#navpoint11').click(function() {
			
		//vorhandenes Modal Winow nach hinten rücken
		$('#modalWindow-2').css('z-index', 1);
		
		//Overlay Styles ändern
		$('#overlay').css({'opacity' : 0.8, 'display' : 'block'});

		//Modal in Platzhalter (Platzhalter befindet sich in den Templates)
		$("<div id='modalWindow'><div id='modalBody'><div id='modalData'><div id='modalContent'><h2>Clients</h2><img src='fileadmin/user_upload/media/features/clients.jpg' alt='' style='display: block; margin: 0pt auto;'></div></div></div></div>").appendTo('#platzhalter');


	
});	


	
//***********************************************
//Overlay ausfaden
//***********************************************	
$('#overlay').click(function() {
	$("#modalWindow").fadeOut(100);
	$("#overlay").fadeOut(100);
	$("#platzhalter").html('');
});


	$('#navpoint11').click(function() {
			
		//vorhandenes Modal Winow nach hinten rücken
		$('#modalWindow-2').css('z-index', 1);
		
		//Overlay Styles ändern
		$('#overlay').css({'opacity' : 0.8, 'display' : 'block'});

		//Modal in Platzhalter (Platzhalter befindet sich in den Templates)
		$("<div id='modalWindow'><div id='modalBody'><div id='modalData'><div id='modalContent'><h2>Clients</h2><img src='fileadmin/user_upload/media/features/clients.jpg' alt='' style='display: block; margin: 0pt auto;'></div></div></div></div>").appendTo('#platzhalter');


	
});	






});