// jQuery web_gallery
// Jaap van Hardeveld - Autodealers.nl

var imagesThumbs = new Array();
var imagesFull = new Array();

var imagesAlt = "";

// Globale variabelen
var numImages;
var currentImage = 0;
var prevImage = 0;
var nextImage= 1;
var imageDisplay;
var containerWidth = 750;
var thumbWidth = 75+8;
var marginFotos = 5;

// Functie: updaten van navigatie
function checkNav(imageIndex) {
	prevImage = imageIndex-1;
	nextImage = imageIndex+1;
	currentImage = imageIndex;
	
	if (prevImage < 0) {
		prevImage = 0;
	}
	
	if (nextImage >= numImages) {
		nextImage = numImages-1;
	}
	
	if (prevImage == currentImage) {
		$(".advertentie_details_fotos_vorige").addClass("hidden");
	} else {
		$(".advertentie_details_fotos_vorige.hidden").removeClass("hidden");
	}
	
	if (nextImage == currentImage) {
		$(".advertentie_details_fotos_volgende").addClass("hidden");
	} else {
		$(".advertentie_details_fotos_volgende.hidden").removeClass("hidden");
	}
	
	if (numImages == 0) {
		$(".advertentie_details_fotos_volgende").addClass("hidden");
		$(".advertentie_details_fotos_vorige").addClass("hidden");
	}
}

// Functie: laden van afbeelding
function changeImage(imageIndex) {
	$("img.advertentie_details_fotos_display").fadeOut(100, function(){
		$(this).attr("src",imagesFull[imageIndex]);
		this.onload = function(){
			$("img.advertentie_details_fotos_display").fadeIn();
			checkNav(imageIndex);
		}
	});
}

// Functie: display volgende afbeelding
function navNextImage() {
	if (nextImage == currentImage) {
		return false;
	} else {
		changeImage(nextImage);
		return true;
	}
}

// Functie: display vorige afbeelding
function navPrevImage() {
	if (prevImage == currentImage) {
		return false;
	} else {
		changeImage(prevImage);
		return true;
	}
}


$(document).ready(function(){
	// laad imageThumbs in
	$(imagesThumbs).each(function(){
		$("<img/>")
			.attr("src",this)
			.attr("alt",imagesAlt)
			.appendTo("ul#advertentie_details_fotos_thumbs")
			.wrap("<li><a href=\"#\"></a></li>");
	});
	
	numImages = imagesThumbs.length;
	
	
	var liMargins = Math.floor((containerWidth - (numImages*thumbWidth)) / numImages / 2); // bereken beschikbare ruimte
	// thumbnails foto's van juiste margin voorzien
	if (liMargins > marginFotos) {
		
		// er is ruimte over, linker en rechter margin van 1e en laatste plaatje aanpassen
		var sideMargin = Math.floor(((containerWidth-(numImages*thumbWidth))-(marginFotos*(numImages-1))) / 2)-15;
		$("ul#advertentie_details_fotos_thumbs li:first").css("margin-left", sideMargin + "px");
		$("ul#advertentie_details_fotos_thumbs li:last").css("margin-right", sideMargin + "px");
	}
	
	
	
	if (numImages > 0) {
		$("a.advertentie_foto_link").text("Meer foto's ("+numImages+")");
		if (!$("img.advertentie_details_fotos_display").length) { // check of display al bestaat
		// display niet aanwezig, toevoegen
		$("<img/>")
			.attr("src",imagesFull[0])
			.attr("alt",imagesAlt)
			.addClass("advertentie_details_fotos_display")
			.insertAfter("ul#advertentie_details_fotos_thumbs")
			.show();
		}
		checkNav(0);
	} else {
		$(".ajax_loader").remove();
		$("a.advertentie_foto_link").remove();
		checkNav(0);
		$("#advertentie_details_fotos").append("<p style=\"text-align: center; color: #49619D;\">De aanbieder van deze advertentie heeft geen foto's toegevoegd</p>")
	}
	
	var clickedThumb = $("ul#advertentie_details_fotos_thumbs li a").click(function(){											 
		var i = clickedThumb.index(this);
		if ($(this).children("img").attr("src") == imagesThumbs[i]) {
			changeImage(i);
		}
		
		/*
		while (imagesThumbs[i] != $(this).children("img").attr("src")) {
			i++;
		}
		*/
		return false;
	});
	
	$(".advertentie_details_fotos_vorige").click(function(){
		navPrevImage();
		return false;
	});
	
	$(".advertentie_details_fotos_volgende").click(function(){
		navNextImage();
		return false;
	});
	
});