/************************************************************************************************
	script for a photo-galerie, by Peter Wouda, p.wouda@xs4all.nl
	see www.ecokathedraal.nl for an example.
	You may use this script freely. 
	If you have any enhancements or questions, please mail me at p.wouda@xs4all.nl
**************************************************************************************************/


var aantalhor = 153; /* number of horizontal images */
var opaquestart = 20; /* the starting value of the opacity of the images */
var hor = new Array(aantalhor);
var bijhor = new Array(aantalhor);
var i, path;


hor[1] = "02010507";
hor[2] = "02010509";
hor[3] = "02010510";
hor[4] = "02010511";
hor[5] = "02060501";
hor[6] = "02060502";
hor[7] = "02060503";
hor[8] = "02060508";
hor[9] = "02060509";
hor[10] = "92081702";
hor[11] = "92081703";
hor[12] = "96111302";
hor[13] = "96111303";
hor[14] = "96111304";
hor[15] = "96111305";
hor[16] = "96111306";
hor[17] = "96111307";
hor[18] = "97040201";
hor[19] = "97040202";
hor[20] = "97040204";
hor[21] = "97040206";
hor[22] = "97040207";
hor[23] = "97040208";
hor[24] = "97040209";
hor[25] = "98081001";
hor[26] = "98081003";
hor[27] = "98081004";
hor[28] = "98081201";
hor[29] = "98081202";
hor[30] = "98081203";
hor[31] = "98081204";
hor[32] = "98081205";
hor[33] = "98081206";
hor[34] = "98081207";
hor[35] = "99012212";
hor[36] = "99012213";
hor[37] = "99021004";
hor[38] = "99021005";
hor[39] = "99021006";
hor[40] = "99021007";
hor[41] = "99082601";
hor[42] = "99082602";
hor[43] = "99082603";
hor[44] = "99082604";
hor[45] = "99082605";
hor[46] = "rk_20051005_01"; 
hor[47] = "rk_20051005_02";
hor[48] = "rk_20051005_03";
hor[49] = "avdm_125_2552"; // Aly van der Mark
hor[50] = "avdm_125_2554";
hor[51] = "avdm_125_2556";
hor[52] = "rvh_10sept3_024"; // Rob van Haandel
hor[53] = "rvh_1998.004";
hor[54] = "sw_tuin_080"; // Sanne Willemsen
hor[55] = "sw_tuin_060";
hor[56] = "sw_tuin_051";
hor[57] = "sw_tuin_039";
hor[58] = "wvdk_DSCF3823ab"; // Wim van der Kaaden
hor[59] = "bdv_eco4"; //Bob de Vries
hor[60] = "nk_1010070";  // Nicolien Kipp
hor[61] = "tdj_IMG_3780"; // Tjitte de Jong
hor[62] = "tdj_IMG_3789";
hor[63] = "dv_Leroy panorama 1"; // Dick Vos
hor[64] = "dv_Leroy panorama 3";
hor[65] = "dv_Leroy panorama 8";
hor[66] = "mo_DSCN0527";  // Markus Obrist
hor[67] = "mo_DSCN0544";
hor[68] = "DSC_2403"; 
hor[69] = "ek_DSC06406"; // E.Koster
hor[70] = "ek_DSC06414"; 
hor[71] = "ek_DSC06424";
hor[72] = "fvz_2007.04.17 1 eco cath cirkel"; // Frouk van der Zalm
hor[73] = "nb_L1000086" //Niels Blaakmeer
hor[74] = "nb_L1000089" 
hor[75] = "nb_L1000090" 
hor[76] = "sh_OKtor" // Prof. Dr. Sabine Hofmeister
hor[77] = "rt_2007-04-13-Friesland044" //Rita Toering
hor[78] = "rt_2007-04-13-Friesland047"
hor[79] = "pm_IMG_6712" //Philippe McIntyre
hor[80] = "DSC_5649"
hor[81] = "DSC_5752"
hor[82] = "mvh_flickr1" // Marga van Hulzen
hor[83] = "mvh_flickr2"
hor[84] = "nw_flickr1" //Nicole Wilkins
hor[85] = "nw_flickr2"
hor[86] = "nw_flickr3"
hor[87] = "af_JK070814-1406" //Jan Kelderhuis (afanja)
hor[88] = "af_JK070814-1447"
hor[89] = "af_JK070814-1420"
hor[90] = "yh_Eco_pagodes_30-8-06" //Yvonne Hontele
hor[91] = "ab_235_3527_std" // Andreas Brons (Stammer)
hor[92] = "ab_235_3551_std"
hor[93] = "ab_235_3560_std"
hor[94] = "bd_f4"  // Bert Dalmolen
hor[95] = "bd_P1050259"
hor[96] = "bd_P1050317"
hor[97] = "DSC_6356" // Kwajr
hor[98] = "DSC_6343"
hor[99] = "DSC_6336"
hor[100] = "DSC_6280"
hor[101] = "DSC_6270"
hor[102] = "mv_44" // Mieke Vischer
hor[103] = "mv_45"
hor[104] = "mv_371"
hor[105] = "jw_ecokathedraal2" // Johan Witteveen
hor[106] = "jw_ecokathedraal_cijfer6"
hor[107] = "DSC_6582" // Peter Wouda
hor[108] = "DSC_6561"
hor[109] = "DSC_6534"
hor[110] = "DSC_6512"
hor[111] = "DSC_6528"
hor[112] = "ff_P1010204" //Freek Faber
hor[113] = "ff_plateau"
hor[114] = "fvdz_veldmuis" //Frouk van der Zalm
hor[115] = "cvdb_CorinevandenBroek4" //Corine van den Broek
hor[116] = "cvdb_CorinevandenBroek7"
hor[117] = "cvdb_CorinevandenBroek8"
hor[118] = "cvdb_CorinevandenBroek14"
hor[119] = "hvdk_IMG_2905_met tekst" //Henk van der kam
hor[120] = "hvdk_IMG_2892"
hor[121] = "hvdk_IMG_2872"
hor[122] = "hvdk_ecokathedraal_18"
hor[123] = "hvdk_ecokathedraal_13"
hor[124] = "hvdk_ecokathedraal_01"
hor[125] = "vg_Mildam1" //Vera Godijn
hor[126] = "vg_Mildam3"
hor[127] = "vg_Mildam8"
hor[128] = "rvdb_ecokathedraal3" // Rienk van der Berg
hor[129] = "P1060005"
hor[130] = "P1050942"
hor[131] = "P1050944"
hor[132] = "P1050952"
hor[133] = "P1050970"
hor[134] = "P1050977"
hor[135] = "P1060002"
hor[136] = "cw_04-03-2009 (28)" //Cor Windhouwer
hor[137] = "cw_04-03-2009 (20)"
hor[138] = "jve_3" //Jannes van Echten
hor[139] = "jve_7"
hor[140] = "jve_32"
hor[141] = "jve_41"
hor[142] = "jve_45"
hor[143] = "Parnas_Arie Vaatstra_eco-03"
hor[144] = "Parnas_Elske Riemersma_MG_6810 kopie"
hor[145] = "Parnas_fotocursus maandagavondgroep_MG_6843"
hor[146] = "Parnas_Henny Smid_blaadje"
hor[147] = "Parnas_Mare vd Velde_DSC01891"
hor[148] = "Parnas_Netty Gabel_treden P4191517"
hor[149] = "Parnas_Tom Bakker_IMG_0983"
hor[150] = "rh_foto1"
hor[151] = "rh_foto2"
hor[152] = "rh_foto4"


for (i=0; i<aantalhor; i++ )
{
	bijhor[i] = "";
}

/* text that is placed under the image */
bijhor[46] = "<small>Foto: Ruud Knier</small>"
bijhor[47] = "<small>Foto: Ruud Knier</small>"
bijhor[48] = "<small>Foto: Ruud Knier</small>"
bijhor[49] = "<small>Foto: Rob van Haandel</small>"
bijhor[50] = "<small>Foto: Rob van Haandel</small>"
bijhor[58] = "Danseres Moeno Wakamatsu<br><small>Foto: Wim van der Kaaden.</small>"
bijhor[59] = "<small>Foto: Bob de Vries</small>"
bijhor[60] = "Studenten Architectuurgeschiedenis aan de Vrije <br/>Universiteit in Amsterdam brengen bezoek aan <br/> de Ecokathedraal"
bijhor[61] = "<small>Foto: Tjitte de Jong</small>"
bijhor[62] = "<small>Foto: Tjitte de Jong</small>"
bijhor[63] = "<small>Foto: Dick Vos</small>"
bijhor[64] = "<small>Foto: Dick Vos</small>"
bijhor[65] = "<small>Foto: Dick Vos</small>"
bijhor[66] = "<small>Foto: Markus Obrist</small>"
bijhor[67] = "<small>Foto: Markus Obrist</small>"
bijhor[68] = "Leerlingen van het AOC Leeuwarden, opleiding<br /> Natural Design, tijdens een excursie<br/>aan de ecokathedraal"
bijhor[69] = "<small>Foto: E.Koster</small>"
bijhor[70] = "<small>Foto: E.Koster</small>"
bijhor[71] = "<small>Foto: E.Koster</small>"
bijhor[72] = "<small>Foto: Frouk van der Zalm</small>"
bijhor[73] = "<small>Foto: Niels Blaakmeer</small>"
bijhor[74] = "<small>Foto: Niels Blaakmeer</small>"
bijhor[75] = "<small>Foto: Niels Blaakmeer</small>"
bijhor[76] = "<small>Foto: Prof. Dr. Sabine Hofmeister</small>"
bijhor[77] = "<small>Foto: Rita Toering</small>"
bijhor[78] = "<small>Foto: Rita Toering</small>"
bijhor[79] = "<small>Foto: Philippe McIntyre</small>"
bijhor[80] = "Deelnemers en bezoekers aan het Literêr Sirkwi<br /> in juni 2007"
bijhor[81] = "Bouwers aan het werk bij de ingang van <br />de ecokathedraal."
bijhor[82] = "<small>Foto: Marga van Hulzen</small>"
bijhor[83] = "<small>Foto: Marga van Hulzen</small>"
bijhor[84] = "<small>Foto: Nicole Wilkins</small>"
bijhor[85] = "<small>Foto: Nicole Wilkins</small>"
bijhor[86] = "<small>Foto: Nicole Wilkins</small>"
bijhor[87] = "<small>Foto: Jan Kelderhuis</small>"
bijhor[88] = "<small>Foto: Jan Kelderhuis</small>"
bijhor[89] = "<small>Foto: Jan Kelderhuis</small>"
bijhor[90] = "<small>Foto: Yvonne Hontele</small>"
bijhor[91] = "<small>Foto: Andreas Brons</small>"
bijhor[92] = "<small>Foto: Andreas Brons</small>"
bijhor[93] = "<small>Foto: Andreas Brons</small>"
bijhor[94] = "<small>Foto: Bert Dalmolen</small>"
bijhor[95] = "<small>Foto: Bert Dalmolen</small>"
bijhor[96] = "<small>Foto: Bert Dalmolen</small>"
bijhor[97] = "Sprookjes-concert van Kwajr."
bijhor[98] = "Sprookjes-concert van Kwajr."
bijhor[99] = "Sprookjes-concert van Kwajr."
bijhor[100] = "Sprookjes-concert van Kwajr."
bijhor[101] = "Sprookjes-concert van Kwajr."
bijhor[102] = "<small>Foto: Mieke Vischer</small>"
bijhor[103] = "<small>Foto: Mieke Vischer</small>"
bijhor[104] = "<small>Foto: Mieke Vischer</small>"
bijhor[105] = "<small>Foto: Johan Witteveen, 1986</small>"
bijhor[106] = "<small>Foto: Johan Witteveen, 1986</small>"
bijhor[107] = "De Ecokathedraal in de winter"
bijhor[108] = "De Ecokathedraal in de winter"
bijhor[109] = "De Ecokathedraal in de winter"
bijhor[110] = "De Ecokathedraal in de winter"
bijhor[111] = "De Ecokathedraal in de winter"
bijhor[112] = "Nieuwe bouwwerken sluiten aan bij oude delen van<br />de ecokathedraal.<br /><small>Foto: Freek Faber</small>"
bijhor[113] = "Nieuwe bouwwerken sluiten aan bij oude delen van<br />de ecokathedraal.<br /><small>Foto: Freek Faber</small>"
bijhor[114] = "Nestje van een veldmuis. <br /><small>Foto: Frouk van der Zalm</small>"
bijhor[115] = "<small>Foto: Corine van den Broek</small>"
bijhor[116] = "<small>Foto: Corine van den Broek</small>"
bijhor[117] = "<small>Foto: Corine van den Broek</small>"
bijhor[118] = "<small>Foto: Corine van den Broek</small>"
bijhor[119] = "Een paar van de <i>nieuwe bouwers</i><br/><small>Foto: Henk van der Kam</small>"
bijhor[120] = "<small>Foto: Henk van der Kam</small>"
bijhor[121] = "<small>Foto: Henk van der Kam</small>"
bijhor[122] = "<small>Foto: Henk van der Kam</small>"
bijhor[123] = "<small>Foto: Henk van der Kam</small>"
bijhor[124] = "Toegangsbord tot de ecokathedraal<br/>in Mildam<br/><small>Foto: Henk van der Kam</small>"
bijhor[125] = "<small>Foto: Vera Godijn</small>"
bijhor[126] = "<small>Foto: Vera Godijn</small>"
bijhor[127] = "<small>Foto: Vera Godijn</small>"
bijhor[128] = "<small>Foto: Rienk van der Berg</small>"
bijhor[129] = "Het atelier van Le Roy"
bijhor[130] = "De ingang van de Ecokathedraal is vernieuwd"
bijhor[131] = "Berijpte stenen liggen klaar om verwerkt te worden"
bijhor[132] = "Een wit tafelkleed op een stenen tafel"
bijhor[133] = "Planten met rijp"
bijhor[134] = "Lijnen tekenen zicht af"
bijhor[135] = "In een netwerk van berijpte stenen<br/>zijn de contouren van de<br/>ecokathedraal te zien"
bijhor[136] = "Een kijkje in het atelier.<br /><small>Foto: Cor Windhouwer</small>"
bijhor[137] = "Een bad voor vogels.<br /><small>Foto: Cor Windhouwer</small>"
bijhor[138] = "<small>Foto: Jannes van Echten"
bijhor[139] = "<small>Foto: Jannes van Echten"
bijhor[140] = "<small>Foto: Jannes van Echten"
bijhor[141] = "<small>Foto: Jannes van Echten"
bijhor[142] = "<small>Foto: Jannes van Echten"
bijhor[143] = "<small>Foto: Arie Vaatstre (Parnas)"
bijhor[144] = "<small>Foto: Elske Riemersma (Parnas)"
bijhor[145] = "Cursisten van de fotografie-cursus van Parnas, Leeuwarden."
bijhor[146] = "<small>Foto: Henny Smid (Parnas)"
bijhor[147] = "<small>Foto: Mare van der Velde (Parnas)"
bijhor[148] = "<small>Foto: Netty Gabel (Parnas)"
bijhor[149] = "<small>Foto: Tom Bakker (Parnas)"
bijhor[150] = "<small>Foto: Radboud Hafkenscheid"
bijhor[151] = "<small>Foto: Radboud Hafkenscheid"
bijhor[152] = "<small>Foto: Radboud Hafkenscheid"


var opaque = opaquestart;

function writeHtml() {
	for (i=aantalhor-1; i>0; i--) {
		document.write("<img src=\"leroy/115/" +  hor[i] + ".jpg\"" );
		document.write(" class=\"hor\" onmouseover=\"showImageHor('" + i + "');\">");
	}
}

function showImageHor(i) {
	path = 'leroy/300/' + hor[i] + ".jpg";
	document.getElementById('grotefoto').src = path;
	document.getElementById('foto').style.display='inline';
	document.getElementById('bijschrift').innerHTML = bijhor[i];
	glow(); 

}


function hideImage() {
	document.getElementById('foto').style.display='none';
	opaque = opaquestart;
}

function glow() {
	if (opaque < 100)
	{
		document.getElementById('foto').style.opacity = opaque/100; /* voor Mozilla / firefox */
		document.getElementById('foto').style.filter = 'alpha(opacity=' + opaque + ')'; /* voor MSIE */
		opaque = opaque + 2;
		setTimeout("glow()", 100);
	}
}


/* MOUSEOVER voor het bepalen van de positie van de grot foto */

// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false;

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE);

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0;
var tempY = 0;

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX;
    tempY = e.pageY;
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0;}
  if (tempY < 0){tempY = 0;}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  document.getElementById('foto').style.left = tempX+10;
  document.getElementById('foto').style.top = tempY-30;
  return true;
}

