/*  ==================================================================================================================
FILE 			:street.js 
COMPATIBILITY 		:IE6+  ; FF 
AUTHOR 			: Davy Logie - Sept , 2007
==================================================================================================================*/
arrfotoKiezen = new Array();
locatie = "";
test = "0";
hoeveelheidfotos = 0;
nummerComm = 1;
bes = "";

function init(){
        document.getElementById('Avia Youth 12').onclick = new Function('ladenFiguren("Avia Youth 12", ' +29+ ', "Avia Fuji Youth Team 2012");');
        document.getElementById('tijdrit lac 11').onclick = new Function('ladenFiguren("tijdrit lac 11", ' +143+ ', "Tijdrit Lac De LŽEau DŽHeure 16 oktober");');
        document.getElementById('moorslede 11').onclick = new Function('ladenFiguren("moorslede 11", ' +40+ ', "Moorslede Profs en EZC 26 september");');
        document.getElementById('isbergues 11').onclick = new Function('ladenFiguren("isbergues 11", ' +56+ ', "Isbergues 18 september");');
        document.getElementById('keizer jun 11').onclick = new Function('ladenFiguren("keizer jun 11", ' +78+ ', "Keizer der Juniors 17 september");');
        document.getElementById('avenir 11 woe').onclick = new Function('ladenFiguren("avenir 11 woe", ' +50+ ', "Tour de LŽavenir 7 september");');
        document.getElementById('avenir 11 di').onclick = new Function('ladenFiguren("avenir 11 di", ' +92+ ', "Tour de LŽavenir 6 september");');
        document.getElementById('avenir 11 ma').onclick = new Function('ladenFiguren("avenir 11 ma", ' +66+ ', "Tour de LŽavenir 5 september");');
        document.getElementById('avenir 11 tijd').onclick = new Function('ladenFiguren("avenir 11 tijd", ' +87+ ', "Tour de LŽavenir tijdrit 4 september");');
        document.getElementById('tim').onclick = new Function('ladenFiguren("tim", ' +9+ ', "Kampioen België");');
        document.getElementById('dernies 11').onclick = new Function('ladenFiguren("dernies 11", ' +84+ ', "Meulebeke Dernies 27 augustus");');
        document.getElementById('mandel 11 2').onclick = new Function('ladenFiguren("mandel 11 2", ' +54+ ', "Mandel Leie Schelde deel 2 27 augustus");');
        document.getElementById('mandel 11').onclick = new Function('ladenFiguren("mandel 11", ' +57+ ', "Mandel Leie Schelde deel 1 27 augustus");');
        document.getElementById('langemark 11').onclick = new Function('ladenFiguren("langemark 11", ' +46+ ', "Langemark EZC 21 augustus");');
        document.getElementById('ingel jun 11').onclick = new Function('ladenFiguren("ingel jun 11", ' +61+ ', "Ingelmunster Juniors 20 augustus");');
        document.getElementById('eneco 11').onclick = new Function('ladenFiguren("eneco 11", ' +56+ ', "Eneco Tour 10 augustus");');
        document.getElementById('zwijnaarde j').onclick = new Function('ladenFiguren("zwijnaarde j", ' +85+ ', "BK Zwijnaarde jongens 7 augustus");');
        document.getElementById('zwijnaarde m').onclick = new Function('ladenFiguren("zwijnaarde m", ' +23+ ', "BK Zwijnaarde meisjes 7 augustus");');
        document.getElementById('luik 11').onclick = new Function('ladenFiguren("luik 11", ' +97+ ', "Ronde van Luik 21 juli");');
	document.getElementById('westhoek dames 11').onclick = new Function('ladenFiguren("westhoek dames 11", ' +75+ ', "Dwars door de Westhoek Dames 17 juli");');
	document.getElementById('oostkerke nieuw').onclick = new Function('ladenFiguren("oostkerke nieuw", ' +45+ ', "Oostkerke Nieuwelingen 10 juli");');
	document.getElementById('oostkerke jun').onclick = new Function('ladenFiguren("oostkerke jun", ' +42+ ', "Oostkerke Juniors 10 juli");');
	document.getElementById('ars rotandi 2').onclick = new Function('ladenFiguren("ars rotandi 2", ' +67+ ', "Ars Rotandi Classic deel 2 3 juli");');
	document.getElementById('ars rotandi 1').onclick = new Function('ladenFiguren("ars rotandi 1", ' +129+ ', "Ars Rotandi Classic deel 1 3 juli");');
	document.getElementById('nieuwsblad u23 11').onclick = new Function('ladenFiguren("nieuwsblad u23 11", ' +74+ ', "Omloop het Nieuwsblad U23 2 juli");');
	document.getElementById('bk hooglede 11').onclick = new Function('ladenFiguren("bk hooglede 11", ' +107+ ', "BK Hooglede-Gits 26 juni");');
	document.getElementById('bk dames 2011').onclick = new Function('ladenFiguren("bk dames 2011", ' +33+ ', "BK Dames Hooglede-Gits 26 juni");');
	document.getElementById('ardense pijl 11').onclick = new Function('ladenFiguren("ardense pijl 11", ' +105+ ', "Fleche Ardennaise 19 juni");');
	document.getElementById('pas dames 11').onclick = new Function('ladenFiguren("pas dames 11", ' +61+ ', "Passendale Dames Elite 18 juni");');
	document.getElementById('beselare ezc 11').onclick = new Function('ladenFiguren("beselare ezc 11", ' +14+ ', "Beselare EZC 13 juni");');
	document.getElementById('moorsele nieuw 11').onclick = new Function('ladenFiguren("moorsele nieuw 11", ' +42+ ', "Moorsele Nieuwelingen 13 juni");');
	document.getElementById('ster vl ard 11 2').onclick = new Function('ladenFiguren("ster vl ard 11 2", ' +71+ ', "Ster der Vlaamse Ardennen dag 2");');
	document.getElementById('ster vl ard 11 1').onclick = new Function('ladenFiguren("ster vl ard 11 1", ' +58+ ', "Ster der Vlaamse Ardennen dag 1");');
	document.getElementById('roubaix 11 2').onclick = new Function('ladenFiguren("roubaix 11 2", ' +49+ ', "Paris-Roubaix U23 29 mei deel 2");');
	document.getElementById('roubaix 11 1').onclick = new Function('ladenFiguren("roubaix 11 1", ' +54+ ', "Paris-Roubaix U23 29 mei deel 1");');
	document.getElementById('koksijde nieuw 11').onclick = new Function('ladenFiguren("koksijde nieuw 11", ' +59+ ', "Koksijde Nieuwelingen 28 mei");');
	document.getElementById('bk dames 11').onclick = new Function('ladenFiguren("bk dames 11", ' +22+ ', "BK Dames Jeugd Wielsbeke 22 mei");');
	document.getElementById('bk jun 11').onclick = new Function('ladenFiguren("bk jun 11", ' +64+ ', "BK Juniors Wielsbeke 22 mei");');
	document.getElementById('de ruiter 11').onclick = new Function('ladenFiguren("de ruiter 11", ' +42+ ', "De Ruiter EZC/U23 21 mei");');
	document.getElementById('ardennais zon 11').onclick = new Function('ladenFiguren("ardennais zon 11", ' +85+ ', "Triptyque Ardennais zondag 15 mei");');
	document.getElementById('ardennais zat 11').onclick = new Function('ladenFiguren("ardennais zat 11", ' +63+ ', "Triptyque Ardennais zaterdag 14 mei");');
	document.getElementById('wallonie 11').onclick = new Function('ladenFiguren("wallonie 11", ' +63+ ', "Circuit Wallonie 8 mei");');
	document.getElementById('wortegem jun').onclick = new Function('ladenFiguren("wortegem jun", ' +67+ ', "Wortegem Juniors 7 mei");');
	document.getElementById('pk rudder 11').onclick = new Function('ladenFiguren("pk rudder 11", ' +58+ ', "PK Ruddervoorde 1 mei");');
	document.getElementById('roes u23 11').onclick = new Function('ladenFiguren("roes u23 11", ' +64+ ', "Beker van België EZC/u23 Roeselare 24 april");');
	document.getElementById('roes dames 11').onclick = new Function('ladenFiguren("roes dames 11", ' +53+ ', "GP Stad Roeselare Dames 24 april");');
	document.getElementById('zellik 11').onclick = new Function('ladenFiguren("zellik 11", ' +69+ ', "Zellik-Galmaarden 17 april");');
	document.getElementById('lbl u23 11').onclick = new Function('ladenFiguren("lbl u23 11", ' +55+ ', "Luik-Bastenaken-Luik U23 16 april");');
	document.getElementById('paris roubaix 11').onclick = new Function('ladenFiguren("paris roubaix 11", ' +50+ ', "Paris-Roubaix 10 april");');
	document.getElementById('rvvl u23 11').onclick = new Function('ladenFiguren("rvvl u23 11", ' +94+ ', "Ronde van Vlaanderen U23 9 april");');
	document.getElementById('ronde vvl 11').onclick = new Function('ladenFiguren("ronde vvl 11", ' +117+ ', "Ronde van Vlaanderen 3 april");');
	document.getElementById('tryp tijd').onclick = new Function('ladenFiguren("tryp tijd", ' +97+ ', "Tryptique des Monts et Chateaux tijdrit");');
	document.getElementById('tryp2 11').onclick = new Function('ladenFiguren("tryp2 11", ' +49+ ', "Tryptique des Monts et Chateaux deel 2");');
	document.getElementById('tryp1 11').onclick = new Function('ladenFiguren("tryp1 11", ' +61+ ', "Tryptique des Monts et Chateaux deel 1");');
	document.getElementById('wevelgem').onclick = new Function('ladenFiguren("wevelgem", ' +70+ ', "Gent-Wevelgem 27 maart");');
	document.getElementById('e3').onclick = new Function('ladenFiguren("e3", ' +88+ ', "E3 Prijs 26 maart");');
	document.getElementById('moerkerke jun').onclick = new Function('ladenFiguren("moerkerke jun", ' +54+ ', "Moerkerke Juniors 20 maart");');
	document.getElementById('kattekoers').onclick = new Function('ladenFiguren("kattekoers", ' +70+ ', "Kattekoers 13 maart");');
	document.getElementById('3 dgse wvl tijd').onclick = new Function('ladenFiguren("3 dgse wvl tijd", ' +97+ ', "3 daagse West-Vlaanderen Tijdrit 4 maart");');
	document.getElementById('3 dgse wvl').onclick = new Function('ladenFiguren("3 dgse wvl", ' +80+ ', "3 daagse West-Vlaanderen 6 maart");');
	document.getElementById('vlaamse pijl 11').onclick = new Function('ladenFiguren("vlaamse pijl 11", ' +79+ ', "Vlaamse Pijl 5 maart");');
	document.getElementById('staden 11').onclick = new Function('ladenFiguren("staden 11", ' +78+ ', "Gent-Staden 27 februari");');
	document.getElementById('kbk 11').onclick = new Function('ladenFiguren("kbk 11", ' +31+ ', "Kuurne-Brussel-Kuurne 27 februari");');
	document.getElementById('nieuwsblad 11').onclick = new Function('ladenFiguren("nieuwsblad 11", ' +60+ ', "Omloop het Nieuwsblad 26 februari");');
	document.getElementById('club ingel').onclick = new Function('ladenFiguren("club ingel", ' +40+ ', "Clubkampioenschap Ingelmunster 20 februari");');
	document.getElementById('club lendel').onclick = new Function('ladenFiguren("club lendel", ' +74+ ', "Clubkampioenschap Lendelede 19 februari");');
	document.getElementById('vl tech').onclick = new Function('ladenFiguren("vl tech", ' +33+ ', "VL Technics 2011");');
	document.getElementById('velofollies 11').onclick = new Function('ladenFiguren("velofollies 11", ' +55+ ', "Velofollies 2011");');







}

function ladenFiguren(map, aantalFotos, beschrijving){
	bes = beschrijving;
	locatie = map;
	hoeveelheidfotos = aantalFotos;
	for( var teller = 1; teller < aantalFotos; teller ++){
		arrfotoKiezen[teller] = teller + ".jpg";
	}
	aanmakenRij(map, aantalFotos, beschrijving);
}

function aanmakenRij(map ,aantalFotos, beschrijving){
	var attr = document.getElementById(locatie.toString()).getAttribute('href');
	attr = attr + '?fotonr=1';
	//alert(attr);
	document.getElementById(locatie.toString()).setAttribute('href', attr);
	
	var div = document.createElement("div");
	div.setAttribute("id", "thumbnails");
	/*var ul = document.createElement("ul");
	for( var teller = 1; teller < aantalFotos; teller++){
		var li = document.createElement("li");
		li.onclick = new Function('clickThumbnails( ' + teller + ');');
		var afbeelding = new Image();
		afbeelding.src = "images/street/" + map + "/" + arrfotoKiezen[teller];
		li.appendChild(afbeelding);
		ul.appendChild(li);
	}
	div.appendChild(ul);*/
	
	var tbl = document.createElement("table");
	
	var tblHead = document.createElement('thead');
	var tblFoot = document.createElement('tfoot');
	var tblBody = document.createElement('tbody'); // Je MOET een body hebben om ervoor te zorgen dat de tabel toont in IE
	var tr = document.createElement('tr');
	for( var teller = 1; teller < aantalFotos; teller++){
		var td = document.createElement('td');
		td.onclick = new Function('clickThumbnails( ' + teller + ');');
		var afbeelding = new Image();
		afbeelding.src = "images/street/" + map + "/" + arrfotoKiezen[teller];
		td.appendChild(afbeelding);
		tr.appendChild(td);
	}
	tblBody.appendChild(tr);
	//tbl.appendChild(tblHead);
	//tbl.appendChild(tblFoot);
	tbl.appendChild(tblBody);
	div.appendChild(tbl);
	
	document.getElementById("fotos").innerHTML = "";
	document.getElementById("fotos").appendChild(div);
	aanmakenCommentaarbalk(beschrijving);
	if(test == "0"){
	ladenEersteGroteFoto();
	}
}

function aanmakenCommentaarbalk(beschrijving){	
	var divBalk = document.createElement("div");
	divBalk.setAttribute("id", "commentaarbalk");
	var spanCommentaar = document.createElement("div");
	spanCommentaar.setAttribute("id", "commentaar");
	spanCommentaar.appendChild(document.createTextNode(beschrijving));
	var spanback = document.createElement("a");
	spanback.appendChild(document.createTextNode("back"));
	spanback.setAttribute("href", "street.htm");
	spanback.setAttribute("id", "spanback");
	var links = document.createElement("a");
	var rechts = document.createElement("a");
	var commentaarbalklinks = new Image();
	var commentaarbalkrechts = new Image();
	links.setAttribute("id", "links");
	rechts.setAttribute("id", "rechts");
	commentaarbalklinks.setAttribute("id", "commentaarbalklinks");
	commentaarbalkrechts.setAttribute("id", "commentaarbalkrechts");

	divNummer = document.createElement("div");
	divNummer.setAttribute("id", "divNummer");
	divNummer.appendChild(document.createTextNode(nummerComm));
	
	//links.src = "images/links.gif";
	//rechts.src = "images/rechts.gif";
	commentaarbalklinks.src = "images/commentaarbalklinks.gif";
	commentaarbalkrechts.src = "images/commentaarbalkrechts.gif";
		links.onclick = new Function('linksFiguur();');
		rechts.onclick = new Function('RechtsFiguur();');
	divBalk.appendChild(links);
	divBalk.appendChild(divNummer);
	divBalk.appendChild(commentaarbalklinks);
	divBalk.appendChild(spanCommentaar);
	divBalk.appendChild(spanback);
	divBalk.appendChild(commentaarbalkrechts);
	divBalk.appendChild(rechts);
	document.getElementById("fotos").appendChild(divBalk);
}

function clickThumbnails(nummer){
	document.getElementById("fotos").removeChild(document.getElementById('commentaarbalk'));
	nummerComm = nummer;
	aanmakenCommentaarbalk(bes);

	test = "1";
	var attr = document.location;
	attr = attr.toString();
	attr = attr.substring(0 , attr.indexOf('?'));
	attr = attr + "?fotonr=" + nummer;
	document.location = attr;
	
	var divGroot = document.createElement("div");
	divGroot.setAttribute("id", "fotoGroot");
	var afbeeldingGroot = new Image();
	afbeeldingGroot.src = "images/street/" + locatie + "/groot/" + nummer + ".jpg";
	afbeeldingGroot.onclick = new Function('RechtsFiguur();');
	//alert(document.getElementById('fotos').lastChild);
	document.getElementById('fotos').removeChild(document.getElementById('fotoGroot'));
	divGroot.appendChild(afbeeldingGroot);
	document.getElementById("fotos").appendChild(divGroot);
}

function ladenEersteGroteFoto(){
	var divGroot = document.createElement("div");
	divGroot.setAttribute("id", "fotoGroot");
	var afbeeldingGroot = new Image();
	afbeeldingGroot.src = "images/street/" + locatie + "/groot/1.jpg";
	afbeeldingGroot.onclick = new Function('RechtsFiguur();');
	divGroot.appendChild(afbeeldingGroot);
	document.getElementById("fotos").appendChild(divGroot);
}
	
function linksFiguur(){
	var attr = document.location;
	attr = attr.toString();
	var nummerFoto = attr.substring(attr.indexOf('=') + 1, attr.length);
	nummerFoto = parseInt(nummerFoto, 10);
	nummerFoto = nummerFoto - 1;
	if(nummerFoto > 0){
	clickThumbnails(nummerFoto);
	}
}
	
function RechtsFiguur(){
	var attr = document.location;
	attr = attr.toString();
	var nummerFoto = attr.substring(attr.indexOf('=') + 1, attr.length);
	nummerFoto = parseInt(nummerFoto, 10);
	nummerFoto = nummerFoto + 1;
	if(hoeveelheidfotos > nummerFoto){
	clickThumbnails(nummerFoto);
	}
}