// JavaScript Document
//checks if value is integer    
function isInt(x) {
   var y=parseInt(x);
   if (isNaN(y)) return false;
   return x==y && x.toString()==y.toString();
 } 
 
 gotoSlide = 0;
updated = 0;
//$('div#navframe span  a').click(function() {
function helper(akt) {
	//akt = $(this).attr('name');
	$('#navframe span a').removeClass('aktiv');
	$('#navframe span a#bild'+akt).addClass('aktiv');
	nextslide(akt);
};

function replaceBgImages(src) {
	if (!updated) {
		$('#supersize #bild0').find('img').attr('src',src);
		$('#supersize').resizenow(); 	
		
		//$('#navframe span a').remove();
		// Bilder in den Quellcode einfügen
	   $('#navframe span').append('<a href="#" name="0" id="bild0" class="" onClick="helper(0)">1</a>');
		$('.startSlideshow').each(function(index) {
			$(this).attr('id','bild'+(index+1));
			$(this).attr('name',(index+1));
			src = $(this).find('img').attr('src');
			src = src.replace('/','/slideshow-big/');
		   $('#supersize').append('<a href="#" id="'+$(this).attr('id')+'"><img src="'+src+'"></a>');
		   $('#navframe span').prepend('<a href="#" name="'+$(this).attr('name')+'" id="bild'+$(this).attr('name')+'" class="" onClick="helper('+$(this).attr('name')+')">'+(index+2)+'</a>');
			$(this).append('<div class="showSlidehint" style="display:none;">Bildergalerie starten &rsaquo;</div>');
	
		}); 
		updated = 1;
	}
	$('#klapper img').remove();
}


$(window).load(function() {
		src = $('#supersize #bild0').find('img').attr('src');
		src = src.replace('-small','');
		$('#klapper').append('<img src="'+src+'" onLoad="replaceBgImages(this.src)" style="display:none">');
});


$(document).ready
	(
	 	function ()
		{

			// MouseOver der Bilder im Normalmodus
			$('div.startSlideshow').mouseenter(function()
			{
				$(this).find('div.showSlidehint').fadeIn(600);
			});
			$('div.startSlideshow').mouseleave(function()
			{
				$(this).find('div.showSlidehint').fadeOut(600);
			});
			
			
			// Klick auf Bild startet die bildschirmfüllende Bildergalerie
			$('.startSlideshow').click(function()
			{
				$('#bildschirmTeilen').show(); // linke Hälfte und rechte Hälfte des Fensters aktiv schalten
				$('div.showSlidehint').hide(); // MouseOver des aufrufenden Bildes entfernen
				
				akt = $(this).attr('name'); // Name bzw. Zahl des aufrufenden Divs (um das Bild)
				$('#navframe a').removeClass('aktiv');
				$('#navframe a#bild'+akt).addClass('aktiv');
				nextslide(akt); // das richtige große Bild wird eingeblendet
				
				// Generelles Hintergrundbild aus dem DOM entfernen
				// setTimeout(function() { $('#bild0').remove(); }, 600);
				
				// Position des geklickten Elements herausfinden
				var position = $(this).position();

				var titleWidth = $('.title').css('width');
				titleWidth = parseInt(titleWidth.replace("px", ""));
				
				if (!isInt(titleWidth)) titleWidth=1000;
				

				var logoWidth = $('#logo').css('width');
				logoWidth = parseInt(logoWidth.replace("px", ""));
				if (!isInt(logoWidth)) logoWidth=500;
				var naviWidth =$('#mainnavigation').css('width');
				naviWidth = parseInt(naviWidth.replace("px", ""));
				if (!isInt(naviWidth)) naviWidth=500;
				contentWidth = (-1)*(titleWidth+logoWidth+naviWidth);

				$("#imprint").animate({
					left: contentWidth-100

			  	}, 1000, function() {});
				$("#content").animate({
					left: contentWidth-100

			  	}, 1000, function() {
					$('#mainContent').hide();
					$('#supersize').resizenow(); 
					// Ein-/Ausklapper ausfahren
					/*
						// Ein-/Ausklapper auf der Hhe ausfahren auf der das geklickte Element steht
						// erst mglich wenn html-isiert
						// dann ausblenden der #mainContent entfernen
						$("#logo").css("top",position.top);
					*/
					$('#navframe').fadeIn(400);
					$("#klapper").animate({
						left: "0"
					}, 500, function() {
						// ready
						
				 	});
				 });
	
			 });
			
			//Content nach rechts bewegen  = einblenden
			$('body#projektdetail #klapper').click(function()
			{
				/*$.fn.supersized.paused = true;
				$.fn.supersized.slideshow_interval = clearInterval(slideshow_interval);*/
				showBG();
				$('#bildschirmTeilen').hide();
				$('#navframe').fadeOut(400);
				$('#mainContent').show();
				// Ein-/Ausklapper einfahren
				$("#klapper").animate({
					left: "-50"
				}, 500, function() {
					// Inhalt einfahren
					$("#content").animate({
						left: 0
					}, 1000, function() {
						// ready
					});
					$("#imprint").animate({
						left: 0
					}, 1000, function() {
						// ready
					});
				});
			 });

 
			
		} // ende function
); // ende document.ready