var windowWidth = 0;
		var windowHeight = 0;
		var totalDifference = 0;
		var counter = 1;
		var lastKeypress = new Date().getTime();
		var amountImages;
		var animationInterval;
		var slideshowInterval;
		var wrapAround;
		var loadingFinished = true;
		var now = new Date();
		var last = 0;
		var thumbs = $("#thumbs img");
		var ignoreHashChange = false;
		var nextThumbsID = 0;
		var prevThumbsID = 0;
		var slideshowID = 0;
		var oldDistance = 0;
		var triggerClick = true;
		var imageLoadedCounter = 0;
		var elementMouseIsOver;
		var opacity = 0.3;
		var slideShowTimeoutID = 0;
		var slideShowIsRunning = false;
		var slideShowWasRunning = false;
		var allowDownload;
		var IsFullScreen = false;
		var translations;
		var transStrings = '{"lang":[{' +
			'"de":{' +
			'"go_fullscreen":"Vollbild",' +
			'"previous_image":"Vorheriges Bild",' +
			'"next_image":"Nächstes Bild",' +
			'"start_slide_show":"Slideshow starten",' +
			'"no_meta_info":"Keine Informationen verfügbar",' +
			'"play":"Start",' +
			'"pause":"Pause"' +
			'}},' +

			'{"en":{' +
			'"go_fullscreen":"Open fullscreen",' +
			'"previous_image":"Previous image",' +
			'"next_image":"Next image",' +
			'"start_slide_show":"Start slide show",' +
			'"no_meta_info":"No information available",' +
			'"play":"Play",' +
			'"pause":"Pause"' +
			'}},' +

			'{"ko":{' +
			'"go_fullscreen":"슬라이드쇼 시작",' +
			'"previous_image":"이전 이미지",' +
			'"next_image":"다음 이미지",' +
			'"start_slide_show":"슬라이드쇼 시작",' +
			'"no_meta_info":"이용 가능한 정보 없음",' +
			'"play":"놀이",' +
			'"pause":"중지"' +

			'}},' +

			'{"sv":{' +
			'"go_fullscreen":"Öppna fullskärm",' +
			'"previous_image":"Tidigare bild",' +
			'"next_image":"Nästa bild",' +
			'"start_slide_show":"Starta bildspel",' +
			'"no_meta_info":"Ingen information tillgänglig",' +
			'"play":"Spela",' +
			'"pause":"Paus"' +
			'}}' +
			']}'



		function calculateDifference(imageNo) {


			var fullWidth = 0;
						
			var prevWidth = 0;

			var pictures = $("#pictures").children();
			
			if (wrapAround) {

				for ( var i = 0; i < pictures.length; i++ ) {
					
					if ( i < (pictures.length - 1)/2 ) {
						prevWidth += pictures[i].clientWidth;
					}				
					fullWidth += pictures[i].clientWidth;
					
				}
			
			}
			else {
				
				var tempCounter = imageNo - 4;
						
				while (tempCounter <= imageNo + 4) {
					if (tempCounter < imageNo)
						prevWidth += $("#image-" + tempCounter).outerWidth();
					fullWidth += $("#image-" + tempCounter).outerWidth();
					tempCounter++;
				}
				
			}			

			var widthToMiddle = prevWidth + ( $("#image-" + imageNo).outerWidth() / 2 );

			var offSet = widthToMiddle - windowWidth/2;

			var currentOffset = -1 * parseFloat($("#pictures").css("left"));

			var difference = offSet - currentOffset;

			if (!wrapAround) {

				if (!(amountImages === 1 && difference >= 0)) {

				if (currentOffset + difference < 0) {
					difference = 0 - currentOffset;
				}
	
				if ( (currentOffset + difference) > (fullWidth - windowWidth) ) {
					difference = (fullWidth - windowWidth) - currentOffset;
				}

				if (amountImages === 1) {
					difference /= 2;
				}

				}

			}

			return -1 * difference;
						
		}

		function calculateDifferenceThumbs(imageNo) {

			var parentWidth = $(".thumbs").width();

			var fullWidth = $("#thumbs").width();
						
			var prevWidth = 0;
					
			var tempCounter = 0;

			var widthToMiddle = 0;
		
			if ($(".thumbs").hasClass("collapsed")) {
				while (tempCounter < imageNo - 1) {
					prevWidth += thumbs.height()/thumbs.eq(tempCounter)[0].height * thumbs.eq(tempCounter)[0].width;
					tempCounter++;
				}
				widthToMiddle = prevWidth + ( ( thumbs.height()/thumbs.eq(imageNo - 1)[0].height * thumbs.eq(imageNo - 1)[0].width ) / 2 );
			}

			else {					
				while (tempCounter < imageNo - 1) {

					prevWidth += thumbs.eq(tempCounter)[0].width;
					tempCounter++;
				}				
				widthToMiddle = prevWidth + ( thumbs.eq(imageNo - 1)[0].width / 2 );
			}		

			var offSet = widthToMiddle - windowWidth / 2;

			var currentOffset = -1 * parseFloat($("#thumbs").css("left"));

			var difference = offSet - currentOffset;
			
			if (counter !== 1 && counter !== amountImages) {				
				
				$("#nextThumbs").removeClass( "hidden" );
				$("#prevThumbs").removeClass( "hidden" );
					
			}
				
			if (currentOffset + difference < 0) {
				difference = 0 - currentOffset;
				$("#prevThumbs").addClass( "hidden" );
			}
	
			else if ( (currentOffset + difference) > (fullWidth - parentWidth) ) {
				difference = fullWidth - currentOffset - parentWidth;
				$("#nextThumbs").addClass( "hidden" );
			}
	
			else {
				
				$("#nextThumbs").removeClass( "hidden" );
				$("#prevThumbs").removeClass( "hidden" );
					
			}
			
			if (counter === 1) {
				$("#prevThumbs").addClass( "hidden" );	
				$("#nextThumbs").removeClass( "hidden" );			
			}
			
			if (counter === amountImages) {
				$("#nextThumbs").addClass( "hidden" );	
				$("#prevThumbs").removeClass( "hidden" );			
			}

			if (fullWidth <= parentWidth) {				
				$("#nextThumbs").addClass( "hidden" );
				$("#prevThumbs").addClass( "hidden" );
			}			

			return -1 * difference;
						
		}

		

		function nextContent(direction) {

			if ($("#pictures").children()[1] && $("#pictures").children()[0].id !== $("#pictures").children()[1].id) {

			now = new Date();

			if (now - last > animationInterval) {
				var oldImage = $("#pictures :first-child");
				var widthDiff = oldImage.outerWidth();
				if(oldImage[0].localName == 'video'){
					widthDiff = oldImage.attr('width');
				}
				
				var content;

				last = now;

				if (!wrapAround) {

					if (counter + direction > 0 && counter + direction <= amountImages) {
						
						if(loadingFinished) {
							counter+=direction;
		
							if (direction == +1 && counter > 3 && counter <= amountImages - 2 ) {
								loadingFinished = false;
		
								if(thumbs.eq(counter + 1).attr('class') == 'image'){
									content = createImage(counter, 1);
									$(content).load( function onLoad() {	
										resizeContentAndTriggerAnimationForwards(content,direction,oldImage, widthDiff);
									});
								}else{
									content = createVideo(counter, 1);
									content.addEventListener("loadeddata", function onLoadedData(){		
										resizeContentAndTriggerAnimationForwardsVideo(content,direction,oldImage,widthDiff);
									});									
								}
							}else if (direction == -1 && counter >= 3 && counter < amountImages - 2 ) {
								oldImage = $("#pictures :last-child");

								if(thumbs.eq(counter - 3).attr('class') == 'image'){
									content = createImage(counter, - 3);
									$(content).load(function onLoad() {			
										resizeContentAndTriggerAnimationBackwards(content,direction,oldImage);
									});
									
								}else{
									content = createVideo(counter, - 3);
									content.addEventListener("loadeddata", function onLoadedData(){		
										resizeContentAndTriggerAnimationBackwards(content,direction,oldImage);
						 			});
								}
							} else {
								animateToNextImage(direction);
							}
						}					
					}
				} else {
					if(loadingFinished) {
						loadingFinished = false;
						counter+=direction;

							if (counter > amountImages) {
								counter -= amountImages;
							}

							if (counter <= 0) {
								counter += amountImages;
							}
		
							if (direction === +1) {
								var increasedCounter = counter + 2;
								
								if (increasedCounter > amountImages) {
									increasedCounter -= amountImages;
								}
								
								if(thumbs.eq(increasedCounter - 1).attr('class') == 'image'){
									content = createImage(increasedCounter, - 1);
									$(content).load( function onLoad() {	
										resizeContentAndTriggerAnimationForwards(content,direction,oldImage, widthDiff);
									});

								}else{
									content = createVideo(increasedCounter, - 1);
									content.addEventListener("loadeddata", function onLoadedData(){		
										resizeContentAndTriggerAnimationForwardsVideo(content,direction,oldImage,widthDiff);
									});
								}
							}else if (direction === -1) {
								oldImage = $("#pictures :last-child");
								var decreasedCounter = counter - 2;

								if (decreasedCounter <= 0) {
									decreasedCounter += amountImages;
								}
																
								if(thumbs.eq(decreasedCounter - 1).attr('class') == 'image'){
									content = createImage(decreasedCounter, - 1);
									$(content).load(function onLoad(){			
										resizeContentAndTriggerAnimationBackwardsIMG(content,direction,oldImage);
									});
								}else{
									content = createVideo(decreasedCounter, - 1)
									content.addEventListener("loadeddata", function onLoadedData(){		
										resizeContentAndTriggerAnimationBackwardsVIDEO(content,direction,oldImage);
						 			});			
								}												
							}
						}	
					}
				}
			}
			
		}

		function resizeContentAndTriggerAnimationBackwardsIMG(content,direction,oldImage){
			if (!allowDownload) {
				$(content).on('contextmenu',function(e) { e.preventDefault(); return false; } );
			};
	
			$(content).on('dragstart', function(event) { event.preventDefault(); return false; });		
			oldImage.remove();
			$("#pictures").prepend($(content));
			onResize(false);
			var widthDiff = parseInt(windowHeight / $(content).height() * $(content).width());

			
			if (widthDiff >= windowWidth) {
				$(content).css("height","auto");
				$(content).css("width",function(){return windowWidth});
				$(content).css("margin-top",function(){return (windowHeight - $(content).height()) / 2 });		
				widthDiff = windowWidth;		
			}else {
				$(content).css("height","100%");
				$(content).css("width","auto");
			}
			$("#pictures").css("left" ,'-=' + widthDiff + "px");				
			animateToNextImage(direction);	
			loadingFinished = true;
		}

		function resizeContentAndTriggerAnimationBackwardsVIDEO(content,direction,oldImage){
			if (!allowDownload) {
				$(content).on('contextmenu',function(e) { e.preventDefault(); return false; } );
			};

			var	height = content.videoHeight;
			var	width = content.videoWidth;
			
			$(content).on('dragstart', function(event) { event.preventDefault(); return false; });		
			oldImage.remove();
			$("#pictures").prepend($(content));
			onResize(false);
			var widthDiff = parseInt(windowHeight / height * width );

			
			if (widthDiff >= windowWidth) {
				$(content).css("height","auto");
				$(content).css("width",function(){return windowWidth});
				$(content).css("margin-top",function(){return (windowHeight - height )/2});		
				widthDiff = windowWidth;		
			}else {
				$(content).css("height","100%");
				$(content).css("width","auto");
			}
			$("#pictures").css("left" ,'-=' + widthDiff + "px");				
			animateToNextImage(direction);	
			loadingFinished = true;
		}

		function resizeContentAndTriggerAnimationForwards(content,direction,oldImage,widthDiff){
			if (!allowDownload) {
				$(content).on('contextmenu',function(e) { e.preventDefault(); return false; } );
			};
			$(content).on('dragstart', function(event) { event.preventDefault(); return false; });
			oldImage.remove();	
			$("#pictures").css("left" ,'+=' + widthDiff + "px");	
			onResize(false);	
			animateToNextImage(direction);
			$("#pictures").append(content);
			var calcWidth = parseInt(windowHeight / $(content).height() * $(content).width() );
			
			if (calcWidth >= windowWidth) {
				$(content).css("height","auto");
				$(content).css("width",function(){return windowWidth});
				$(content).css("margin-top",function(){return (windowHeight- $(content).height() )/2});				
			}else {
				$(content).css("height","100%");
				$(content).css("width","auto");
			}
			onResize(false);	
			loadingFinished = true;
		}	

		function resizeContentAndTriggerAnimationForwardsVideo(content,direction,oldImage,widthDiff){
			if (!allowDownload) {
				$(content).on('contextmenu',function(e) { e.preventDefault(); return false; } );
			};

			var	height = content.videoHeight;
			var	width = content.videoWidth;

			$(content).on('dragstart', function(event) { event.preventDefault(); return false; });
			oldImage.remove();	

			$("#pictures").css("left" ,'+=' + widthDiff + "px");	
			
			onResize(false);	
			animateToNextImage(direction);
			$("#pictures").append(content);
			 
			var calcWidth = windowHeight /height * width;
			
			if (calcWidth >= windowWidth) {
				$(content).prop("height","auto");
				$(content).prop("width",function(){return windowWidth});
				var marg = (windowHeight - height )/2;
				$(content).css("margin-top", marg);				
			}else {
				var newWidth = (windowHeight / height ) * width;
				$(content).prop("height",windowHeight);
				$(content).prop("width", newWidth);
			}
			onResize(false);	
			loadingFinished = true;
		}

		function animateToNextImage(direction) {
			var exifInfo = $("#exifInfo");

			removeVideoControls();
			exifInfo.html(thumbs.eq(counter-1).attr('data-meta') || translations.no_meta_info);
			exifInfo.css("margin-top",function() { return -1*$(this).outerHeight()/2 });
			if (exifInfo.hasClass("collapsed")) {
				exifInfo.css("right",function() { return -1*$(this).outerWidth() + "px" });
			} else {
				$("#exifCollapse").css("right",function() { return exifInfo.outerWidth() + "px" });
			}
			
			ignoreHashChange = true;
			var element = $("#image-"+counter);
			if($(element).tagName == "IMG"){
				location.hash = encodeURIComponent(element[0].alt);		
			}else if($(element).tagName == "VIDEO"){
				location.hash = encodeURIComponent(element[0].attributes[1]);	
			}

				
			$("#pictures").stop().animate({ 
				left: '+=' + (calculateDifference(counter)) + "px" 
			}, animationInterval);
			$("#thumbs").stop().animate({ 
				left: '+=' + (calculateDifferenceThumbs(counter)) + "px" 
			}, animationInterval);
			
			if ( amountImages < $("#pictures").children().length ) {
				$("#pictures").children().eq(Math.floor($("#pictures").children().length/2)).stop().animate({
					opacity: 1

				},animationInterval, "linear");

				$("#pictures").children().eq(Math.floor($("#pictures").children().length/2)).addClass('center');
			}
			else {
				$("#image-"+counter).stop().animate({
					opacity: 1
				},animationInterval, "linear");
				$("#image-"+counter).addClass('center');
			}
				
			var lastImageCounter = counter - direction;
			if (lastImageCounter <= 0) {
				lastImageCounter += amountImages;			
			}
			else if (lastImageCounter > amountImages) {
				lastImageCounter -= amountImages;
			}
			if ( amountImages < $("#pictures").children().length ) {
				$("#pictures").children().eq(Math.floor($("#pictures").children().length/2)-direction).stop().animate({
					opacity: opacity
				},animationInterval, "linear");
				$("#pictures").children().eq(Math.floor($("#pictures").children().length/2)-direction).removeClass('center');
			}
			else {
				$("#image-"+(lastImageCounter)).stop().animate({
					opacity: opacity
				},animationInterval, "linear");
				$("#image-"+(lastImageCounter)).removeClass('center');
			}

			if (+$("#image-"+counter).attr("alt") === counter) {
				$("#imageName").html("&nbsp;");
			}
			else {
				$("#imageName").html($("#image-"+counter).attr("alt"));
			}
			$("#imageCount").html(counter + "<span>" + amountImages + "</span>");

			if (!wrapAround) {

				if (counter === 1) {
					$("#prev").addClass("disabled");
				}
	
				else {
					$("#prev").removeClass("disabled");
				}
	
				if (counter === amountImages) {
					$("#next").addClass("disabled");
				}
	
				else {
					$("#next").removeClass("disabled");
				}
			
			}
			
			appendVideoControlsIfRequired();
			
		}

		$(document).keydown(function(e) {

			if (e.which == 39 || e.which == 37 || e.which == 40 || e.which == 38) {
				e.preventDefault();
			}

			if (e.which == 39 ) {
				if (wrapAround || counter < amountImages) {
					nextContent(+1);
					stopVideoAndResetToFirstFrameIfSlidesToNextElement();
				}
			}
											
			else if (e.which == 37) {
				if (wrapAround || counter > 1) {
					nextContent(-1);
					stopVideoAndResetToFirstFrameIfSlidesToNextElement();
				}
			}

		});


		function getContent(amount, name, initialOffset){

			if (thumbs.length > 0) {								
				var offset = initialOffset;
				imageLoadedCounter = 0;
	
				if (name != "") {
						var index = 0;
						var inArray = false;
						for (var i=0; i<thumbs.length; i++) {
							if (thumbs.eq(i).attr("alt").toLowerCase() == name) {									
								inArray = true;
								index = i;
								break;
								
							}
						}
						if (!inArray) {
							alert("Image with name \""+name+"\" not found. \nReturning to first image of the gallery.");
							location.hash = "";
						}
						else
							offset = index + 1;
				}
				
				counter = offset;

				if (!wrapAround) {

					if (amount > thumbs.length) {
						amount = thumbs.length;	
					}	
							
					if (offset <= (amount - 1) / 2 + 1) {
						for (var i=0; i < amount; i++){
							createAndAppendContent(i, amount);	
						}				
					}
					
					else if (offset >= (amountImages - ( amount - 1 ) / 2 ) ) {
						for (var i = amountImages-amount; i < amountImages; i++) {
							createAndAppendContent(i, amount);
						}
					}
					else {
						for (var i = offset - (amount-1)/2 - 1; i < offset - (amount-1)/2 + amount - 1; i++) {
							createAndAppendContent(i, amount);
						}
					} 

					if (counter === 1) {
						$("#prev").addClass("disabled");
					}
					if (counter === amountImages) {		
						$("#next").addClass("disabled");
					}
				
				} else {
					for (var i = -1 * (amount - 1) / 2 + offset; i <= (amount - 1) / 2 + offset; i++) {
						var imageNo = Math.ceil(i);
						if (imageNo <= 0) {
							imageNo = amountImages + i;
						}
						if (imageNo > amountImages) {
							imageNo -= amountImages;
						}
						if (amountImages === 1) {
							imageNo = 1;
						}

						createAndAppendContent(imageNo - 1, amount);			
					}

					
					if (amountImages === 1) {
						$("#prev").addClass("disabled");					
						$("#next").addClass("disabled");
					}

				}
				
				$("#image-"+offset).css("opacity","1");
				
				$("#imageCount").html(counter + "<span>" + amountImages + "</span>");
				if (+$("#image-"+counter).attr("alt") === counter) {
					$("#imageName").html("&nbsp");
				}
				else {
					$("#imageName").html($("#image-"+counter).attr("alt"));
				}
				onResize(false);

				$("#exifInfo").html(thumbs.eq(counter-1).attr('data-meta') || translations.no_meta_info);
				$("#exifInfo").css("margin-top",function() { return -1*$(this).outerHeight()/2 });
				if ( !$("#exifInfo").hasClass("collapsed") ) {
					$("#exifCollapse").css("right",function() { return $("#exifInfo").outerWidth() + "px" });
				}
				
			}
			else {				
				
				$("#prev").addClass("disabled");			
				$("#next").addClass("disabled");
				$("#imageCount").html("");				
				$("#imageName").html("");
			
			}
		}

		function stopVideoAndResetToFirstFrameIfSlidesToNextElement(){
			$('#pictures video').each( function stopEachVideo(){
				this.pause();
				this.currentTime = 0;
			});
		}

		function createAndAppendContent(i, amount){
			
			var content;
			if(thumbs.eq(i).attr('class') == 'video'){
				content = createVideo(i, 0);
			}else{
				content = createImage(i, 0);
			}

			if ($.support.opacity) {
				content.style = 'opacity:'+opacity;
			}
			else {
				content.filter = "alpha(opacity="+(opacity*100)+")";
			}
		
			if(content.nodeName == "IMG"){
				$("#pictures").append($(content).load(function afterImageLoad(){
					calculateWidthHeightOfContentAfterLoadIMG(content, amount);
				}));

			}else{
				content.addEventListener('loadeddata', function onLoadedData(){
					calculateWidthHeightOfContentAfterLoadVIDEO(content, amount);
				});	
				$("#pictures").append(content);	

			}
		}

		function calculateWidthHeightOfContentAfterLoadIMG(content, amount){
			if (!allowDownload) {
				$(content).on('contextmenu',function(e) { e.preventDefault(); return false; } );
			};		

			$(content).on('dragstart', function(event) { event.preventDefault(); return false; });
			
			var height = $(content).innerHeight();
			var width = $(content).innerWidth();
			var calcWidth = (windowHeight / height) * width;
			
			if (calcWidth >= windowWidth) {
				var newHeight = (windowWidth / width) * height;
				$(content).css("width",windowWidth);
				$(content).css("height",newHeight);
				$(content).css("margin-top", (windowHeight - newHeight)/2);
		
			} else {
				$(content).css("height","100%");
				$(content).css("width","auto");
				$(content).css("margin-top", '0');
			}

			if ( $("#pictures")[0].children.length === amount || $("#pictures")[0].children.length === thumbs.length ) {	
				if (amountImages >= 1) {
					$("#pictures").css("left" ,'+=' + (calculateDifference(counter)) + "px");
					var collapsed = $(".thumbs").hasClass("collapsed");
		
					$(".thumbs").removeClass("collapsed");
					$("#thumbs").css("left" ,'+=' + (calculateDifferenceThumbs(counter)) + "px");
		
					if(collapsed) {
						$(".thumbs").addClass("collapsed");
					}
					onResize(true);
				}
			}
		}

		function calculateWidthHeightOfContentAfterLoadVIDEO(content, amount){
			if (!allowDownload) {
				$(content).on('contextmenu',function(e) { e.preventDefault(); return false; } );
			};		

			$(content).on('dragstart', function(event) { event.preventDefault(); return false; });
			
			var height = content.videoHeight;
			var width = content.videoWidth;
			var calcWidth = (windowHeight / height) * width;
			
			if (calcWidth >= windowWidth) {
				var newHeight = (windowWidth / width) * height;
				$(content).prop("width",windowWidth);
				$(content).prop("height",newHeight);
				var marg = (windowHeight - newHeight) / 2;
				$(content).css("margin-top", (windowHeight - newHeight)/2);
		
			} else {
				$(content).prop("height",innerHeight);
				$(content).prop("width",calcWidth);
				$(content).css("margin-top", '0');
			}

			if ( $("#pictures")[0].children.length === amount || $("#pictures")[0].children.length === thumbs.length ) {	
				if (amountImages >= 1) {
					$("#pictures").css("left" ,'+=' + (calculateDifference(counter)) + "px");
					var collapsed = $(".thumbs").hasClass("collapsed");
		
					$(".thumbs").removeClass("collapsed");
					$("#thumbs").css("left" ,'+=' + (calculateDifferenceThumbs(counter)) + "px");
		
					if(collapsed) {
						$(".thumbs").addClass("collapsed");
					}
					onResize(true);
				}
			}
		}

		function createImage(id, addition){
			var img = new Image();
			img.id = "image-" + (id + 1 + addition);
			img.src = thumbs.eq(id + addition).attr('data-href');
			img.alt = thumbs.eq(id + addition).attr('alt');

			return img;

		}

		function createVideo(id, addition){
			var video = document.createElement('video');

			video.id = "image-" + (id + 1 + addition);
			video.alt = thumbs.eq(id + addition).attr('alt');
			video.width = thumbs.eq(id + addition).attr('data-width');
			video.height = thumbs.eq(id + addition).attr('data-height');
			video.preload = "yes";
			video.poster = thumbs.eq(id + addition).attr('data-href').substring(0, thumbs.eq(id + addition).attr('data-href').length - 3) + 'jpg';
			$(video).attr('controls', false);
			$(video).attr('src',thumbs.eq(id + addition).attr('data-href'));	
			$(video).attr('alt', thumbs.eq(id + addition).attr('data-href'));
			video.type = 'video/mp4';

			
		
			return video;
		}

		function calculateThumbsBehaviour() {
			if ( $("#thumbs").width() < $(".thumbs").width() ) {
				if ( ( windowWidth - $("#thumbs").width() ) / 2 > $("#imageCount").outerWidth() + parseInt($("#imageInfo").css("padding-left")) + parseInt($("#imageInfo").css("padding-right")) ) {
					if ($(".thumbs").hasClass("collapsed")) {
						$(".thumbs").css("margin-left", function() { return ( windowWidth - ( thumbs.height()/thumbs[0].height * thumbs[0].width ) ) / 2 } );
					}
					else {
						$(".thumbs").css("margin-left", function() { return ( windowWidth -  $("#thumbs").width() ) / 2 } );
					}
				}
				else {
					$(".thumbs").css("margin-left", function() { return ($( this ).width() - $("#thumbs").width()) / 2 });
				}
				$(".thumbs").width($("#thumbs").width())
			}
			
			else {
				$(".thumbs").css("margin-left","0");
				$("#nextThumbs").removeClass( "hidden" );
				$("#prevThumbs").mouseout( function(e) {
					e.preventDefault();
					clearInterval(prevThumbsID);				
				});
				$("#nextThumbs").mouseout( function(e) {
					e.preventDefault();
					clearInterval(nextThumbsID);			
				});	
					
				$("#prevThumbs").mouseover( function(e) {
					$("#nextThumbs").removeClass( "hidden" );
					e.preventDefault();
					prevThumbsID = setInterval(function() {
						if ( parseInt($("#thumbs").css("left")) >= 0) {
							clearInterval(prevThumbsID);
							$("#prevThumbs").addClass( "hidden" );
						}
						else {
							if (navigator.userAgent.indexOf("MSIE") != -1 || navigator.userAgent.indexOf("Trident") != -1) {
								$("#thumbs").css('left', '+=' + 6 + "px");
							}
							else {
								$("#thumbs").css('left', '+=' + 3 + "px");
							}
						}
					},2);			
					
				});
					
				$("#nextThumbs").mouseover( function(e) {
					$("#prevThumbs").removeClass( "hidden" );
					e.preventDefault();
					nextThumbsID = setInterval(function() {
						if ( parseInt($("#thumbs").css("left")) <= -1 * ($("#thumbs").width() - $(".thumbs").width()) ) {
							clearInterval(nextThumbsID);
							$("#nextThumbs").addClass( "hidden" );
						}
						else {
							if (navigator.userAgent.indexOf("MSIE") != -1 || navigator.userAgent.indexOf("Trident") != -1) {
								$("#thumbs").css('left', '+=' + -6 + "px");
							}
							else {
								$("#thumbs").css('left', '+=' + -3 + "px");
							}
						}
					},2);			
				});
			}
		}

		function onResize(opacityChange) {
			$('#pictures').children().each(function() {

				if(this.localName == "video"){
					var width = $(this).attr('width');
					var height = $(this).attr('height');
								
				if (width >= windowWidth || height != windowHeight ) {
					
					$(this).prop("height",(windowWidth/width) * height);
					$(this).prop("width", windowWidth);
					$(this).css("margin-top",function(){return (windowHeight - $(this).height() )/2});		
					
				}
				
				if ($(this).height() > windowHeight) {
					$(this).css("height",windowHeight);
					$(this).css("width",(windowHeight/height) * width);
					$(this).css("margin-top","0");
				}

				}else{
					var width = $(this).width();
				var height = $(this).height();
								
				if (width >= windowWidth || height != windowHeight ) {
					
					$(this).css("height",'auto');
					$(this).css("width",function(){return windowWidth});
					$(this).css("margin-top",function(){return (windowHeight - $(this).height() )/2});		
					
				}
				
				if ($(this).height() > windowHeight) {
					$(this).css("height","100%");
					$(this).css("width","auto");
					$(this).css("margin-top","0");
				}
				}
				

				if (opacityChange) {
					$(this).css("opacity",opacity);
				}
				
			});	
			if (opacityChange) {		
				if ( amountImages < $("#pictures").children().length ) {
					$("#pictures").children().eq(Math.floor($("#pictures").children().length/2)).css("opacity","1");
				}
				else {
					$("#image-"+counter).css("opacity","1");
				}
			}		
		}

		function onThumbnailClick() {
				
			var el = $(".thumbs");
				
			if ( el.hasClass("collapsed") ) {
					
				el.removeClass("collapsed");
						
				el.stop().animate({
					bottom: 0
				},300, "linear");
						
				$("#thumbnailCollapse").stop().animate({
					bottom: $("#thumbs").height()
				},300, "linear");
						
			}
	
			else {
	
				setTimeout(function() {
					el.addClass("collapsed")
				}, 300);
						
				el.stop().animate({
					bottom: -1 * $("#thumbs").height()
				},300, "linear");
	
				$("#thumbnailCollapse").stop().animate({
					bottom: 0
				},300, "linear");
						
			}	
				
		}

		function onThumbClick(thumb) {

			clearInterval(nextThumbsID);
			clearInterval(prevThumbsID);
			if (thumb.attr('alt') !== "") {
  				location.hash = encodeURIComponent(thumb.attr('alt'));
			}
			else {
				$("#pictures").empty();
				getContent(5,"",1 + $( this ).index());
			}
			
  			return false;
  				
		}

		function onExifClick() {

			var el = $("#exifInfo");
				
			if ( el.hasClass("collapsed") ) {
					
				el.removeClass("collapsed");
						
				el.stop().animate({
					right: 0
				},300, "linear");
						
				$("#exifCollapse").stop().animate({
					right: el.outerWidth()
				},300, "linear");
							
			}
	
			else {

				setTimeout(function() {
					el.addClass("collapsed")
				}, 300);
						
				el.stop().animate({
					right: -el.outerWidth()
				},300, "linear");
						
				$("#exifCollapse").stop().animate({
					right: 0
				},300, "linear");
						
			}	
			
		}

		function calculateThumbsWidth() {
			$("#thumbs").width( function() {
				var i = 0.0;
				thumbs.each(function() {
					i += parseFloat(window.getComputedStyle(this).width);
				});
				return Math.ceil(i);
			});
		}

		var pfx = ["webkit", "moz", "ms", "o", ""];
		function RunPrefixMethod(obj, method) {
			
			var p = 0, m, t;
			while (p < pfx.length && !obj[m]) {
				m = method;
				if (pfx[p] == "") {
					m = m.substr(0,1).toLowerCase() + m.substr(1);
				}
				m = pfx[p] + m;
				t = typeof obj[m];
				if (t != "undefined") {
					pfx = [pfx[p]];
					return (t == "function" ? obj[m]() : obj[m]);
				}
				p++;
			}
		
		}

		function startSlideShow() {
			slideShowIsRunning = true;
			$("#slideshowIcon").attr("title",translations.stop_slide_show);
			if (wrapAround || counter < amountImages) {
				nextContent(+1);
				stopVideoAndResetToFirstFrameIfSlidesToNextElement();
			}
			slideshowID = setInterval(function() {
				if (wrapAround || counter < amountImages) {
					nextContent(+1);
					stopVideoAndResetToFirstFrameIfSlidesToNextElement();
				}	
			},slideshowInterval*1000);
			$("#slideshowIcon").removeClass("stopped").addClass("started");
			if (navigator.userAgent.indexOf("Android")===-1) {
				$("#slideshow").off("click").on("click" , function() {
					stopSlideShow()
				});
			}
			$("#slideshow").off("touchstart").on("touchstart" , function() {
				stopSlideShow()
			});
		}

		function stopSlideShow() {
			slideShowIsRunning = false;
			if (slideShowTimeoutID !== 0) {
				clearTimeout(slideShowTimeoutID);
				slideShowTimeoutID = 0;
			}
			$("#slideshowIcon").attr("title", translations.start_slide_show);
			clearInterval(slideshowID);
			$("#slideshowIcon").removeClass("started").addClass("stopped");
			if (navigator.userAgent.indexOf("Android")===-1) {
				$("#slideshow").off("click").on("click" , function() {
					startSlideShow()
				});
			}
			$("#slideshow").off("touchstart").on("touchstart" , function() {
				startSlideShow()
			});
		}

		function addShareButtons(settings) {

			var shareContainer = $(".sharing");

			var shares = $("<div/>");

			shares.addClass("shares");

			var url = encodeURIComponent( window.location.href.split('#')[0] );
			var pinterestURL = url.substring(0, url.lastIndexOf('%2F')+3);

			if (settings.facebook) {
				shares.append('<a href="https://www.facebook.com/sharer/sharer.php?u=' + url + '" class="facebook" target="_blank"></a>');
			}

			if (settings.twitter) {
				shares.append('<a href="http://twitter.com/home?status=' + url + '" class="twitter" target="_blank"></a>');
			}

			if (settings.google) {
				shares.append('<a href="https://plus.google.com/share?url=' + url + '" class="gplus" target="_blank"></a>');
			}

			if (settings.tumblr) {
				shares.append('<a href="http://www.tumblr.com/share/link?url=' + url + '&name=' + document.title + '" class="tumblr" target="_blank"></a>');
			}

			if (settings.reddit) {
				shares.append('<a href="http://www.reddit.com/submit?url=' + url + '&title=' + document.title + '" class="reddit" target="_blank"></a>');
			}

			if (settings.pinterest) {				
				shares.append('<a href="http://www.pinterest.com/pin/create/button/?media='+ pinterestURL + encodeURIComponent(thumbs.eq(0).attr('data-href')) + '&url='+url+'&description='+document.title+'" data-pin-do="buttonPin" data-pin-config="above" target="_blank" class="pinterest"></a>');
			}

			if (settings.email) {
				shares.append('<a class="mail" href="mailto:?subject=' + document.title + '&body=' + '%0D%0A' + window.location.href.split('#')[0].replace(/%/g, '%25') + '"></a>');
			}

			if ($(shares).children().length!==0) {	
				shareContainer.append(shares);	
			}
					
			
		}

		function initSkin(settings) {
			
			amountImages = settings.amountImages;
			wrapAround = settings.wrapAround;			
			animationInterval = settings.animationInterval;
			slideshowInterval = settings.slideshowInterval;
			opacity = settings.opacity/100;
			allowDownload = settings.allowDownload;
			var lang = navigator.language;

			addShareButtons(settings);
			setLanguageForToolTips();
			
			windowWidth = $(window).width();
			windowHeight = $(window).height();
			removeVideoControls();
			if (location.hash.substr(1)!="")
				getContent(5, decodeURIComponent(location.hash.substr(1)).toLowerCase(), 1);
			else
				getContent(5,"", 1);
				
			$("#exifInfo").css("margin-top",function() { return -1*$(this).outerHeight()/2 + "px" });
			if (settings.showPhotoDataFromStart) {
				$("#exifCollapse").css("right",function() { return $("#exifInfo").outerWidth() + "px" });
			}
			else {
				$("#exifInfo").css("right",function() { return -1*$(this).outerWidth() + "px" });
			}
			
			$("#pictures").width(windowWidth*5.5);

			if (amountImages === 1) {
				$("#slideshow").addClass("hidden");
			}
			else {
				if ($("#slideshowIcon").hasClass("started")) {
					$("#slideshowIcon").attr("title",translations.stop_slide_show);
					slideShowTimeoutID = setTimeout(function() {startSlideShow();},slideshowInterval*1000);
					if (navigator.userAgent.indexOf("Android")===-1) {
						$("#slideshow").off("click").on("click" , function() {
							stopSlideShow()
						});
					}
					$("#slideshow").off("touchstart").on("touchstart" , function() {
						stopSlideShow()
					});			
				}
				else {
					$("#slideshowIcon").addClass("stopped");
					$("#slideshowIcon").attr("title",translations.start_slide_show);
					
					if (navigator.userAgent.indexOf("Android")===-1) {
						$("#slideshow").on("click", function() {
							startSlideShow();
						});
					}
					$("#slideshow").on("touchstart", function() {
						startSlideShow();
					});
				}
			}
			
			$("#next").click( function(e){
				if (wrapAround || counter < amountImages) {
					nextContent(+1);
					stopVideoAndResetToFirstFrameIfSlidesToNextElement();
				}
			});
			$("#prev").click( function(e){
				if (wrapAround || counter > 1) {
					nextContent(-1);
					stopVideoAndResetToFirstFrameIfSlidesToNextElement();
				}
			});	

			window.onhashchange = function() {
				
				if ( !ignoreHashChange ) {
					$("#pictures").empty();
					if (location.hash.substr(1)!="")
						getContent(5, decodeURIComponent(location.hash.substr(1)).toLowerCase(),1);
					else
						getContent(5,"",1);
				}
				ignoreHashChange = false;


				removeVideoControls();
				//Searching for the centered Img/Video to append class Center
				var length = $("#pictures").children().length
					console.log($(this));

				if(wrapAround){
					$($('#pictures').children()[2]).addClass("center");
				}else{
					$("#image-" + $("#imageCount")[0].innerHTML.substring(0, $("#imageCount")[0].innerHTML.indexOf("<"))).addClass("center");
				}
				appendVideoControlsIfRequired();
			}

			thumbs.on('click', function() {
				if (triggerClick) {
					onThumbClick($(this));
				}
				triggerClick = true;
			});

			thumbs.on('touchstart', function() {
				triggerClick = true; 
			});

			thumbs.on('touchend', function() {
				if (triggerClick) {
					$(this).click(); 
				}
				triggerClick = true;
			});
			
			$(".thumbs").width( (windowWidth - $("#imageCount").outerWidth() - parseInt($("#imageInfo").css("padding-left")) - parseInt($("#imageInfo").css("padding-right")) - 20) );
			
			calculateThumbsWidth();
			
			$(".thumbs").height(thumbs.height());
			
			$(".thumbs").css( { bottom: "" + ( -1 * $("#thumbs").height() ) + "px" } );

			calculateThumbsBehaviour();

			$("#thumbnailCollapse").css("margin-left", function() { return -1 * $( this ).outerWidth() / 2 } );

			$("#thumbnailCollapse").mouseover( function() { 
				$( ".showThumbs" ).css( "background-color" , "#fff" );
				$( "#thumbnailCollapse" ).css( "border-color", "#fff" );
			});	
			
			$("#thumbnailCollapse").mouseout( function() { 
				$( ".showThumbs" ).css( "background-color" , "#aaa" );
				$( "#thumbnailCollapse" ).css( "border-color", "#aaa" ); 
			});	

			$("#thumbnailCollapse").on("click", function() {
				onThumbnailClick();
			});

			$("#thumbnailCollapse").on("touchstart", function() {
				onThumbnailClick();
			});

			if (navigator.userAgent.indexOf("Android")===-1) {
				$("#exifCollapse").on("click",function() {
					console.log("exif click");
					onExifClick();
				});
			}

			$("#exifCollapse").on("touchstart",function() {
				console.log("exif collapse");
				onExifClick();
			});

			$(".thumbs").addClass("collapsed");
			
			$(window).resize(function(e) {	
			
				clearInterval(nextThumbsID);
				clearInterval(prevThumbsID);		
				
				windowWidth = $(window).width();
				windowHeight = $(window).height();

				if (thumbs.height() < 120 ) {
					$(".thumbs-nav").addClass("hidden");
				}
				else {
					$(".thumbs-nav").removeClass("hidden");
				}

				$(".thumbs").width( (windowWidth - $("#imageCount").outerWidth() - parseInt($("#imageInfo").css("padding-left")) - parseInt($("#imageInfo").css("padding-right")) - 20) );
			
				$(".thumbs").height(thumbs.height());

				if (parseInt($("#thumbnailCollapse").css("bottom")) > 0) {
					$("#thumbnailCollapse").css("bottom",thumbs.height()+"px");
				}
				$("#thumbnailCollapse").css("margin-left", function() { return -1 * $( this ).outerWidth() / 2 } );

				collapsed = false;

				if ($(".thumbs").hasClass("collapsed")) {
					collapsed = true;
					$(".thumbs").removeClass("collapsed");
				}

				calculateThumbsWidth();			

				calculateThumbsBehaviour();
				
				$("#thumbs").css("left" ,'+=' + (calculateDifferenceThumbs(counter)) + "px");
							
				onResize(true);
								
				$("#pictures").width(windowWidth*5.5);

				$("#pictures").css("left" ,'+=' + (calculateDifference(counter)) + "px");

				if(collapsed) {
					$(".thumbs").addClass("collapsed");
				}	
				if ($("#exifInfo").hasClass("collapsed")) {
					$("#exifCollapse").css("right", "0");
				}
				else {
					$("#exifCollapse").css("right", function() {return $("#exifInfo").outerWidth(); });
				}
				$("#exifInfo").css("margin-top",function() { return -1*$(this).outerHeight()/2 });
				
			});
			
			$("#pictures").swipe({
  				swipe:function(event, direction, distance, duration, fingerCount) {
    					if (direction == "left") {
    						if (wrapAround || counter < amountImages)
							nextContent(+1);
						stopVideoAndResetToFirstFrameIfSlidesToNextElement();
    					}
    					else if (direction == "right") {
    						if (wrapAround || counter > 1)
							nextContent(-1);
						stopVideoAndResetToFirstFrameIfSlidesToNextElement();
    					}
  			}, threshold: 20 });

  			$("body").swipe({
  				swipe:function(event, direction, distance, duration, fingerCount) {
    				var el = $(".thumbs");
    					if (direction === "up") {				
							if ( el.hasClass("collapsed") ) {
								$("#thumbnailCollapse").click();
							}
    					} else if ( direction === "down" ) {    										
							if ( ! el.hasClass("collapsed") ) {
								$("#thumbnailCollapse").click();
							}
    					}
  			}, threshold: 20 });

			$("#exifInfo").swipe({
  				swipe:function(event, direction, distance, duration, fingerCount) {
    					if ( direction == "right" ) {    	
						$("#exifCollapse").click();
    					}
  			}, threshold: 20 }); 			

  			$(".thumbs").swipe({
  				triggerOnTouchEnd : true,
				swipeStatus : swipeStatus,
				allowPageScroll:"vertical", 
				threshold: 5
  			});

  			function swipeStatus(event, phase, direction, distance, fingers) {
  				clearInterval(prevThumbsID);
  				clearInterval(nextThumbsID);
  				if ($("#thumbs").width() > $(".thumbs").width()) {
	    				if( phase==="move" && (direction==="left" || direction==="right") ) {
	    					if ( direction == "left" && -1 * parseInt($("#thumbs").css("left")) + (distance - oldDistance) < $("#thumbs").width() - $(".thumbs").width() ) {
	    						$("#thumbs").css("left", '-=' + (distance - oldDistance) + 'px');
	    					}
	    					else if ( direction == "right" && parseInt($("#thumbs").css("left")) + (distance - oldDistance) < 0 ) {
	    						$("#thumbs").css("left", '+=' + (distance - oldDistance) + 'px');
	    					}
	    					if (direction == "left" && -1 * parseInt($("#thumbs").css("left")) + (distance - oldDistance) >= $("#thumbs").width() - $(".thumbs").width()) {
							$("#nextThumbs").addClass( "hidden" );    						
	    					}
	    					else {
	    						$("#nextThumbs").removeClass( "hidden" );   
	    					}
	    					if (direction == "right" && parseInt($("#thumbs").css("left")) + (distance - oldDistance) >= 0) {
							$("#prevThumbs").addClass( "hidden" );    						
	    					}
	    					else {
	    						$("#prevThumbs").removeClass( "hidden" );   
	    					}
	    					oldDistance = distance;
	  					triggerClick = false;
	    				}
	    				else if ( phase == "cancel") {
	    					if (-1 * parseInt($("#thumbs").css("left")) + (distance - oldDistance) >= $("#thumbs").width() - $(".thumbs").width()) {
	    						$("#nextThumbs").addClass( "hidden" );  
	    					}
	    					if (parseInt($("#thumbs").css("left")) + (distance - oldDistance) >= 0) {
								$("#prevThumbs").addClass( "hidden" );    						
	    					}
						oldDistance = 0;
					}
	    				else if ( phase == "start") {
						oldDistance = distance;
					}
  				}
  			};

			//diasble right click context menu and image drag
			//thumbnail collapse
			$("#thumbnailCollapse").on('contextmenu',function(e) { e.preventDefault(); return false; } );
			$("#thumbnailCollapse").on('dragstart', function(event) { event.preventDefault(); return false; });
			//thumbnails
			$(thumbs).on('contextmenu',function(e) { e.preventDefault(); return false; } );
			$(thumbs).on('dragstart', function(event) { event.preventDefault(); return false; });
			//sharing icons
			$(".sharing").on('contextmenu',function(e) { e.preventDefault(); return false; } );
			$(".sharing").on('dragstart', function(event) { event.preventDefault(); return false; });
			//navigation control
			$("#navigation").on('contextmenu',function(e) { e.preventDefault(); return false; } );
			$("#navigation").on('dragstart', function(event) { event.preventDefault(); return false; });
			//exif information
			$("#exifCollapse").on('contextmenu',function(e) { e.preventDefault(); return false; } );
			$("#exifCollapse").on('dragstart', function(event) { event.preventDefault(); return false; });

			var e = document.getElementById("fullscreen");
			var target = document.documentElement;

			if (e !== null) {

				e.ontouchstart = function() {
				
					if (RunPrefixMethod(document, "FullScreen") || RunPrefixMethod(document, "IsFullScreen")) {
						RunPrefixMethod(document, "CancelFullScreen");
					}
					else {
						RunPrefixMethod(target, "RequestFullScreen");
					}
				
				};

				e.onclick = function() {
				
					if (RunPrefixMethod(document, "FullScreen") || RunPrefixMethod(document, "IsFullScreen")) {
						RunPrefixMethod(document, "CancelFullScreen");
					}
					else {
						RunPrefixMethod(target, "RequestFullScreen");
					}
				
				};
			}
			
			/**
			*Reopens the accordion if a state was saved before
			*/
			if(checkIfCurrentAccordionStateIsSaved()){		
				var p = $('#' + getCurrentAccordionState()).parents();	
				$('#' + getCurrentAccordionState()).next().css('display', 'block');
				$('#' + getCurrentAccordionState()).next().attr('class', 'show');
				for(var i = 0; i < p.length; i++){
					if(p[i].className == 'inner'){
						$(p[i]).css('display', 'block');
						$(p[i]).attr('class', 'show');
					}else if(p[i].className == 'accordion'){
						break;
					}		
				}		
			}
			
			if(wrapAround){
				$($('#pictures')[0].children[2]).addClass('center');
			}else {
				$($('#pictures')[0].children[0]).addClass('center');
			}
			appendVideoControlsIfRequired();

			function setLanguageForToolTips() {
				var t = $.parseJSON(transStrings);
				switch (lang) {
					case("de"):
						translations = t.lang[0].de;
						break;
					case("ko"):
						translations = t.lang[2].ko;
						break;
					case("sv"):
						translations = t.lang[3].sv;
						break;
					default:
						translations = t.lang[1].en;
						break;
				}

				$('#prev').attr('title', translations.previous_image);
				$('#next').attr('title', translations.next_image);
				$('#fullscreenLogo').attr('title', translations.go_fullscreen);
			}
		};

		function saveCurrentAccordionState(folderID){
			sessionStorage.setItem('folderID', folderID);
		}

		function getCurrentAccordionState(){
			return sessionStorage.folderID;
		}

		function checkIfCurrentAccordionStateIsSaved(){
    		if (getCurrentAccordionState() == undefined) {
        		return false;
    		} 
    		return true;
		}

		function deleteCurrentAccordionState(){
			sessionStorage.removeItem("folderID");
		}

		function removeVideoControls(){
			$('.video-control').find('img').unbind(); 
			$('.video-control').find('img').remove();		
		}

		function appendVideoControlsIfRequired(){

		if($('#pictures').children().length > 0){
			var $center = $('.center')[0];
			if($center.nodeName == "VIDEO" ){	
				var pathToIcon = window.location.protocol + '//' + window.location.host ;
				
				if(window.location.protocol == 'file:'){
					pathToIcon += window.location.pathname.substring(0,window.location.pathname.indexOf('/album')) + '/album';
				}else{
					var tmp = window.location.pathname.substring(1,window.location.pathname.length);
					pathToIcon += '/' + tmp.substring(0,tmp.indexOf('/'));
				}

				$('.video-control .play').append(
					'<img id="pause-icon" alt="play video" src="' + pathToIcon +  '/res/play-circle-fill.png">'
				);

				$('.video-control .play img').on('click touchend',function onPlayPauseClick(){
					if($('.center').get(0).paused){
						$('.center').get(0).play();
						$(this).attr('src' , pathToIcon  +  '/res/pause-circle-fill.png');

						if(slideShowIsRunning){
							stopSlideShow();
							slideShowWasRunning = true;
						}

					}else if($('.center').get(0).played){
						$('.center').get(0).pause();
						$(this).attr('src' , pathToIcon  +  '/res/play-circle-fill.png');
					} else{
						console.log('-- invalid input for video controller --');
					}
				});

				//When video ends, the icon changes back to play and if the slide show was running, the slide show gets started again.
				var video = $('.center')[0];
				video.addEventListener('ended', function onEndedVideo(){
					this.pause();
					$('.video-control .play img').attr('src' , pathToIcon  +  '/res/play-circle-fill.png');
					this.currentTime = 0;
					if(slideShowWasRunning){
						slideShowWasRunning = false;	
						setTimeout(function() {
							startSlideShow();
						}, 1000);
					}
				});
			}
		}	
	}

	function appendClassCenter(){
		if(wrapAround){
			var childrens = $('#pictures').contents();
			$(childrens[ (Math.floor(childrens.length / 2))]).addClass('center');
		}else{
			$('#pictures').getFirstChild().addClass('center');
		}
	}

	$(document).ready(function onReady(){

		$('.toggle').on('click touchend',function onClickOnExpandCollpase(e) {
			
			var URI = this.href;
			e.preventDefault();
		    if ($(this).next().hasClass('show')) {
		    	$(this).next().removeClass('show');
		    	$(this).next().slideUp(350);
		       	//Safes ID from parent if folder gets closed and parent ul is not 'accordion'-class.
		    	if($(this).parent().parent().attr('class') == 'show'){
		    		var a = $(this);
		    		saveCurrentAccordionState($(a).attr('id'));
		    	}else{
		    		deleteCurrentAccordionState();
		   		}
		    } else {
		    	$(this).parent().parent().find('li .inner').removeClass('show');
		    	$(this).parent().parent().find('li .inner').slideUp(350);
		    	$(this).next().addClass('show');
		    	$(this).next().slideToggle(350);
		    	saveCurrentAccordionState($(this).attr('id'));
		    }
	    
			window.open(URI,"_self");
		});

		//If "Home" root directory gets clicked.
       	$('#folders h2').click(function deleteSessionData(){
      		deleteCurrentAccordionState();
       	});
	});