jq_doc.ready(function(){
	interval = "";
	arr_pics = new Array();
	arr_img = new Array();
	arr_tumb = new Array();
	$("a[rel!='']a[rel!='nofollow']").each(function(){
		if(arr_pics[$(this).attr("rel")]==undefined){
			arr_pics[$(this).attr("rel")] = $(this).attr("href"); 
			arr_tumb[$(this).attr("rel")] = $(this).children("img").attr("src"); 
		}else{
			arr_pics[$(this).attr("rel")] = arr_pics[$(this).attr("rel")]+"#"+$(this).attr("href"); 
			arr_tumb[$(this).attr("rel")] = arr_tumb[$(this).attr("rel")]+"#"+$(this).children("img").attr("src"); 
		}
		arr_img.push($(this).attr("href"));
	});
	int_limit = arr_img.length;
	for(i=0;i<int_limit;i++){
		jq_link = $("a[href="+arr_img[i]+"]");
		str_rel = jq_link.attr("rel");
		if(typeof(arr_pics[str_rel])=="string"){
			arr_pics[str_rel] = arr_pics[str_rel].toString().split("#");
		}
		if(typeof(arr_tumb[str_rel])=="string"){
			arr_tumb[str_rel] = arr_tumb[str_rel].toString().split("#");
		}
		jq_link.data("pics",arr_pics[str_rel]);
		jq_link.data("tumbs",arr_tumb[str_rel]);
		jq_link.data("me",jq_link.attr("href"));
		jq_link.data("tn",jq_link.children("img").attr("src"));
		jq_link.data("nr",i+1);
		jq_link.removeAttr("href").addClass("clickable").click(function(){
			$(".picContainer").data("current",$(this).data("tn"));
			jq_link.overlay(0.6);
			initializeGallery($(this));
			if(typeof(interval)=="number"){
				clearInterval(interval);
			}
			interval = setInterval(showNextPic,5000);			
		});
	}	
});

function initializeGallery(obj){	
	createPicContainer();	
	createNavigation(obj);
	addPicToContainer(obj);
	//onclick event van de loadingbackground
	$(".overlay,.picClose").click(function(){$(".overlay,.picGalleryContainer").remove();});
}

//container maken die de foto zal bevatten
function createPicContainer(){
	//gallery container toevoegen aan body
	$("body").append("<div class='picGalleryContainer'></div>");
	jq_cont = $(".picGalleryContainer");
	//container verbergen,container voor foto toevoegen aan gallery container,z-index instellen
	jq_cont.hide().html("<div class='picClose clickable border'></div><div class='picContainer'></div><div class='picFooter'></div>").css({"z-index":"100"});
}
//navigatie van de galerij maken
function createNavigation(obj){
	arr_pics = obj.data("pics");
	lng_van = "/";
	//navigatie en sluit aan de footer toevoegen
	$(".picFooter").html("<div class='picNavigatie'></div>");
	//prev en next aan navigatie toevoegen
	$(".picNavigatie").html("<img class='round_border picPrev' alt='' src='/images/prev.gif'/> <span class='picPaginatie'><span id='picPage'>#</span> " + lng_van + " " + arr_pics.length + "</span> <img class='round_border picNext' alt='' src='/images/next.gif'/>");
	//close-sprite aan close toevoegen
	$(".picClose").html("<span><b>X</b></span>");	
	//onclick-events op de prev knop
	$(".picPrev").click(function(){addOtherPicToContainer(obj,"-");});
	//onclick-events op de next knop
	$(".picNext").click(function(){addOtherPicToContainer(obj,"+");});
}
//foto toevoegen aan de container
function addPicToContainer(obj){
	loadPic(obj);
}
//foto in de container inladen
function loadPic(obj){
	//nieuw image object aanmaken en foto erin laden
	img_big = new Image();	
	img_big.src = obj.data("me");
	//foto toevoegen aan container
	$(".picContainer").html("<img src='" + obj.data("me") + "' alt='' id='big_pic'/>");
	$(".picContainer").data("current",obj.data("tn"));
	$("#big_pic").unbind("load").load(function(){
		//gallery navigatie picNavigatie op de body en niet op de parent
		showPicNavigation(obj);
		jq_cont = $(".picGalleryContainer");
		jq_cont.position("stage");
		//fix for IE (anders slaat de 100% van de (+8 want padding van container = 8),gallery container tonen via fadeIn-effect (param = speed => slow,normal of fast )
		jq_cont.css({"width":(img_big.width + 8) + "px"}).fadeIn("normal");
	})
	.each(function(){//fix for chrome and opera
		if(this.complete) $(this).trigger("load");
	});
	if(typeof(interval)=="number"){
		clearInterval(interval);
	}
	interval = setInterval(showNextPic,5000);
}
//navigatie op de correcte plaats zetten
function showPicNavigation(obj){
	//positie in de array opzoeken en displayen
	$("#picPage").html(obj.data("nr"));
}
//vorige/volgende foto tonen in de container
function addOtherPicToContainer(obj,mode){
	obj = $("img[src$='"+$(".picContainer").data("current")+"']").parent("a");
	arr_pics = obj.data("pics");
	arr_tumb = obj.data("tumbs");
	//gallery container verbergen (totdat de foto geladen is)
	$(".picGalleryContainer").hide();
	//mode = + => dus volgende foto tonen
	if(mode=="+"){
		int_nr = obj.data("nr")!=arr_pics.length ? parseInt(obj.data("nr"),10) + 1:1;//altijd huidige nr+1 doen, tenzij we al aan het einde van de collectie zijn, dan terug naar foto 1 springen
	//mode = - => dus vorige foto tonen
	}else if(mode=="-"){
		int_nr = obj.data("nr")!=1?parseInt(obj.data("nr"),10) - 1:arr_pics.length;//altijd huidige nr-1 doen, tenzij we al aan het begin van de collectie zijn, dan terug naar laatste foto springen
	}
	obj = $("img[src$='"+arr_tumb[int_nr-1]+"']").parent("a");
	obj.data("nr",int_nr);
	//foto in de container laden
	loadPic(obj);
}

function showNextPic(){
	if($(".picContainer").length){
		str_current = $(".picContainer").data("current");
		obj = $("img[src$='"+str_current+"']").parent("a");
		addOtherPicToContainer(obj,"+");				
	}
}