$(document).ready(function(){

// GALLERY
	galleries = 0;
	var numberOfSlides = {};
	var currentSlide = {};
	var imageHeight = {};
	var imageWidth = {};
	var galleryHeight = {};
	$('div.gallery').each( function(){
		galleries++;
	
		//Skapa ett slide-index för varje galleri
		numberOfSlides[galleries] = $(this).children('div.slide').length;
		currentSlide[galleries] = 1;
		
		// Ange hur bred slidecontainern ska vara
		slideContainerWidth = numberOfSlides[galleries] * 767;
		$(this).addClass('gallery-jq gallery-'+galleries).wrapInner('<div class="slide-container'+galleries+'" />');
		$('.slide-container'+galleries).width(slideContainerWidth);
		
		$('.slide').css('float','left');
	
		
		// HÄMTA HEIGHT OCH WIDTH
		$('div.gallery.gallery-'+galleries+' img' ).each( function(){
			thisHeight = $(this).height();
			thisWidth = $(this).width();
			if( (thisHeight > imageHeight[galleries]) || ( typeof imageHeight[galleries] == 'undefined' )) {
				imageHeight[galleries] = $(this).height();
			}
			if( (thisWidth > imageWidth[galleries]) || ( typeof imageWidth[galleries] == 'undefined' ) ) {
				imageWidth[galleries] = $(this).width();
			}
		});
		galleryHeight[galleries] = imageHeight[galleries]+38;
		$(this).width(imageWidth[galleries]).height(galleryHeight[galleries]);
		
		
		
		// LÄGG TILL KNAPPAR
		$(this).prepend('<div class="gallery-controls gallery-'+galleries+'"><div class="next-slide"><p>>></p></div><div class="gallery-status gallery-'+galleries+'"><p>Bild '+currentSlide[galleries]+' av '+numberOfSlides[galleries]+'</p></div><div class="previous-slide"><p><<</p></div></div');
		
	});	
	
// FLYTTA SLIDES NÄR MAN TRYCKER PÅ KNAPPAR
	$('.next-slide').click( function(){
		galleryClick = $(this).parent().attr('class').substr(25,2);
		if(currentSlide[galleryClick] < numberOfSlides[galleryClick]) {
			$('.slide-container'+galleryClick).animate({'margin-left':-767*currentSlide[galleryClick],}, 'fast');
			currentSlide[galleryClick]++;
			$('.gallery-status.gallery-'+galleryClick).html('<p>Bild '+currentSlide[galleryClick]+' av '+numberOfSlides[galleryClick]+'</p>');
		}
	});
	$('.gallery-image img').click( function(){
		galleryClick = $(this).parent().parent().parent().attr('class').substr(15,2);
		if(currentSlide[galleryClick] < numberOfSlides[galleryClick]) {
			$('.slide-container'+galleryClick).animate({
				'margin-left':-767*currentSlide[galleryClick],
			}, 'fast');
			currentSlide[galleryClick]++;
			$('.gallery-status.gallery-'+galleryClick).html('<p>Bild '+currentSlide[galleryClick]+' av '+numberOfSlides[galleryClick]+'</p>');
		}
	});
	$('.previous-slide').click( function(){
		galleryClick = $(this).parent().attr('class').substr(25,2);
		if(currentSlide[galleryClick] > 1) {
			currentSlide[galleryClick]--;
			$('.slide-container'+galleryClick).animate({
				'margin-left':-767*(currentSlide[galleryClick]-1),
			}, 'fast');
			$('.gallery-status.gallery-'+galleryClick).html('<p>Bild '+currentSlide[galleryClick]+' av '+numberOfSlides[galleryClick]+'</p>');
		}
	});		

});