$(function() {
	
	image1 = new Image();
	image1.src = "images/loading.gif";

	$("div.imgGallery div.wrapper ul.imgGalleryPagin li a.imgGalleryInfoBtn").click(function(event) {
				
		var infoContainer = $(this).parents('div:eq(1)').find('div.imgGalleryInfoContainer');
		
		$(infoContainer).animate({opacity: 'toggle', height: 'toggle'}, 600);		
		
	});
	
	$("div.imgGallery div.wrapper div.imgGalleryInfoContainer a").click(function(event) {
				
		var infoContainer = $(this).parents('div:eq(1)').find('div.imgGalleryInfoContainer');
		
		$(infoContainer).animate({opacity: 'toggle', height: 'toggle'}, 600);		
		
	});


	$(".imgGallery a").click(function(event) {
	
	if($(this).attr('class') == "") {
			// Animation variabler
			var animateFadeOut = 600;
			var animateFadeIn = 900;
			
			// Förhindrar att informationen i länken sidan laddas
			event.preventDefault();
	
			// Bilden hämtas
			var imgSrc = $(this).attr("href");
			var imgNew = new Image();
			$(imgNew).stop().animate({opacity: 0}); // Ett måste för att animationen skall fungera som smort (reset)
			var xy = 0;
			var imgGalleryDisplay = $(this).parents('div:eq(0)').find('div.imgGalleryDisplay');
			// $(this) = Länken som blir klickad
			// $(this).parents('div:eq(0)') = Den första DIV i imgGallery hittas
			// $(this).parents('div:eq(0)').find('.imgGalleryPlaceholder') = CLASS .imgGalleryPlaceholder hittas
			// $(this).parents('div:eq(0)').find('.imgGalleryPlaceholder').attr("src", image); = Sökvägen till bilden bytsut
			$(this).parents('div:eq(0)').find('div.imgGalleryDisplay img').stop().animate({opacity:0}, animateFadeOut, function(){
			
				$(imgNew).load(function(){
					
					$(imgGalleryDisplay).empty();
					$(imgGalleryDisplay).append(imgNew);
					$(imgNew).animate({opacity: 1}, animateFadeIn);
					
				}).attr("src", imgSrc);
	
			});
			// Byter ut informationstexten
			var desc = $(this).attr("title");
			
			// För att kunna annimera i fäljd läggs en funktion i fadeTo
			if(desc !== "") {
				$(this).parents('div:eq(0)').find('.imgGalleryDesc').stop().fadeTo(animateFadeOut, 0,function(){
					$(this).parents('div:eq(0)').find('.imgGalleryDesc').empty();
					$(this).parents('div:eq(0)').find('.imgGalleryDesc').append(desc).fadeTo(animateFadeIn, 1);
				});
			}
		}

	});
	

});