// variabelen zetten
//var source = new Array(); // href + src
//var title = new Array(); // title + h2
//var pos = 1; // positie van aangeklikte foto in array
//var a = 1; // array counter


// functies aanmaken
function loadImage(src) {
	var objImagePreloader = new Image();
	objImagePreloader.onload = function() {
		$('#photo_layover_vsl').attr('src',src);
		// Perfomance an effect in the image container resizing it
		showPopup();
		//	clear onLoad, IE behaves irratically with animated gifs otherwise
		objImagePreloader.onload=function(){};
	};
	objImagePreloader.src = src;
}

function showPopup() {
	$(window).scrollTop(0);
	
	// overlay tonen + resizen
	$('#photo_layover_bg').css('display', 'block');
	w = $('#photo_layover_vsl').width() + 20;
	$('#photo_layover_wrap').width(w);
	
	// nav buttons verbergen (en daarna evt weer tonen)
	$('#btn-prev').css('display', 'none');
	$('#btn-next').css('display', 'none');
	
	// prev btn verbergen
	if (pos > 0) {
		$('#btn-prev').css('display', 'block');
	}
	
	// als er op de hoofdfoto wordt geklikt, niets doen
	$('#photo_layover_vsl').click (function(){
		return false;										
	});
	
	// next btn verbergen
	if (pos < a-1) {						
		$('#btn-next').css('display', 'block');
	}
}


function hideMyPopUp() {
	$('#photo_layover_bg, #nvs_overlay, #btn-close').unbind();
	$.nvsOverlay.hide();
	$('#photo_layover_bg').css('display', 'none');	
}


function init_fotos() {
	
	source = new Array(); // href + src
	title = new Array(); // title + h2
	pos = 0; // positie van aangeklikte foto in array
	a = 0; // array counter
	
	// door alle fotos heenlopen en arrays maken met source en title
	$.each($('#main-photo a, .house-images a'), function()
	{
		source[a] = $(this).attr('href'); // vul sourcenen array
		title[a] = $(this).attr('title'); // vul title array
		++a;
	});
	
	// counter updaten
	$('#counter_pos').html(pos+1);
	$('#counter_total').html(a);	
	
	// prev btn verbergen als overlay laad
	$('#btn-prev').css('display', 'none');
	
	// next btn verbergen als overlay laad			
	$('#btn-next').css('display', 'none');
	
	// verberg layover
	/*
	$('#btn-close').click(function() 
	{
		$.nvsOverlay.hide();
		$('#photo_layover_bg').css('display', 'none');
	});
	*/	
	

	// bepaal positie van geklikte link/foto in de fotos array
	$('#main-photo a, .house-images a').unbind('click');
	
	$('#main-photo a, .house-images a').click(function()
	{
		this.blur();
		$.nvsOverlay.show({speed: 500, transparancy: 0.9, callback: function() {
			// bind click functie
			 $('#nvs_overlay').unbind('click');
			 //$("#nvs_overlay").bind("click", function() { hideMyPopUp() });
		} });
		
	 	
    $("#btn-close").unbind('click');
		$("#btn-close").bind("click", function() { hideMyPopUp() });
		// link van geklikte link
		var img_src = $(this).attr('href');
		
		for(var key in source)
		{
			// positie van geklikte link gevonden en data replacen
			if (source[key] == img_src) {
				pos = parseInt(key);
				loadImage(source[key],pos);
				$('#photo_layover_title').html(title[key]);
				$('#counter_pos').html(pos+1);
				$('#counter_total').html(a);
			}
		}
		return false;			
	});
	
	// Haal het oude click event van de button om dubbele click events (via AJAX) te voorkomen.
	$('#btn-prev').unbind('click');
	// verander data als er op prev klikt wordt
	$('#btn-prev').click(function()
	{
		pos = pos-1;
		$('#photo_layover_title').html(title[pos]);
		loadImage(source[pos]);
		$('#counter_pos').html(pos+1);
		return false;
	});
	
	
	// Haal het oude click event van de button om dubbele click events (via AJAX) te voorkomen.
	$('#btn-next').unbind('click');
	// verander data als er op next klikt wordt
	$('#btn-next').click(function()
	{
		pos = pos + 1;
		$('#photo_layover_title').html(title[pos]);
		loadImage(source[pos]);
		$('#counter_pos').html(pos+1);
		return false;
	});
}

// variabelen zetten
var source; // href + src
var title; // title + h2
var pos; // positie van aangeklikte foto in array
var a; // array counter