/************************************************************************************************
	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 = 56; /* number of horizontal images */
var aantalver = 63; /* number of vertical images */
var opaquestart = 20; /* the starting value of the opacity of the images */
var hor = new Array(aantalhor);
var ver = new Array(aantalver);
var bijhor = new Array(aantalhor);
var bijver = new Array(aantalver);
var i, path;


/* natuur */
hor[0] = "00052602";
hor[1] = "00052603";

/* le Roy */
hor[2] = "00021202";
hor[3] = "00021203";
hor[4] = "00021204";
hor[5] = "00021205";
hor[6] = "00021206";

/* stenen */
hor[7] = "00052601";
hor[8] = "00052609";

/* bezoekers */
hor[9] = "00052604";
hor[10] = "00052605";
hor[11] = "00052607";


hor[12] = "00052611";
hor[13] = "00052612";
hor[14] = "00052614";
hor[15] = "00052617";
hor[16] = "00052618";
hor[17] = "00052619";
hor[18] = "00052620";
hor[19] = "00052621";
hor[20] = "00060901";
hor[21] = "00060911";
hor[22] = "00060913";
hor[23] = "00060919";
hor[24] = "00060931";
hor[25] = "00061603";
hor[26] = "00061608";
hor[27] = "00061611";
hor[28] = "00080402";
hor[29] = "00080406";
hor[30] = "00080410";
hor[31] = "00080411";
hor[32] = "00080413";
hor[33] = "00082807";
hor[34] = "00082816";
hor[35] = "00082818";
hor[36] = "01040101";
hor[37] = "01040102";
hor[38] = "01040103";
hor[39] = "01040104";
hor[40] = "01040105";
hor[41] = "01040106";
hor[42] = "01040108";
hor[43] = "01040109";
hor[44] = "01040110";
hor[45] = "01040111";
hor[46] = "01040112";
hor[47] = "01040113";
hor[48] = "01040114";
hor[49] = "01040115";
hor[50] = "01040116";
hor[51] = "01040117";
hor[52] = "02010502";
hor[53] = "02010503";
hor[54] = "02010506";
hor[55] = "02010507";

ver[0] = "00052608";
ver[1] = "00052613";
ver[2] = "00060904";
ver[3] = "00060906";
ver[4] = "00060915";
ver[5] = "00061601";
ver[6] = "00061609";
ver[7] = "00061610";
ver[8] = "00080404";
ver[9] = "01040107";
ver[10] = "02010501";
ver[11] = "02010504";
ver[12] = "02010505";
ver[13] = "02010508";
ver[14] = "02060504";
ver[15] = "02060505";
ver[16] = "02060506";
ver[17] = "02060507";
ver[18] = "92081701";
ver[19] = "97040203";
ver[20] = "98081002";
ver[21] = "99012210";
ver[22] = "99012211";
ver[23] = "dd_200511_1";
ver[24] = "dd_200511_2";
ver[25] = "dd_200511_3";
ver[26] = "dd_200511_4";
ver[27] = "dd_200511_5";
ver[28] = "rvh_10sept3_013"; // Rob van Haandel
ver[29] = "rvh_10sept3_031"; 
ver[30] = "rvh_1998.001";
ver[31] = "rvh_1998.002";
ver[32] = "sw_tuin_038"; // Sanne Willemsen
ver[33] = "wvdk_DSCF3808ab"; //Wim van der Kaaden
ver[34] = "bdv_eco2"; //Bob de Vries
ver[35] = "nk_1010068"; // Nicolien Kipp
ver[36] = "mo_DSCN0516"; //Markus Obrist
ver[37] = "th_1"; //Thea Hommema
ver[38] = "th_2";
ver[39] = "fvz_2007.04.17 2 eco cath muur"; //Frouk van der Zalm
ver[40] = "nb_L1000091"//Niels Blaakmeer
ver[41] = "sh_OKhinten15"// Prof. Dr. Sabine Hofmeister
ver[42] = "sh_OKhinten1"// Prof. Dr. Sabine Hofmeister
ver[43] = "pm_IMG_6670" // Philippe McIntyre
ver[44] = "pm_IMG_6725" // Philippe McIntyre
ver[45] = "bd_P1050336" // Bert Dalmolen
ver[46] = "bd_d4" // Bert Dalmolen
ver[47] = "mv_46" //Mieke Vischer
ver[48] = "ff_siebestower2" //Freek Faber
ver[49] = "cw_04-03-2009 (23)" //Cor Windhouwer
ver[50] = "cw_04-03-2009 (29)"
ver[51] = "cw_04-03-2009 (38)"
ver[52] = "jve_17" //Jannes van Echten
ver[53] = "jve_34" //Jannes van Echten
ver[54] = "Parnas_Margreet vd Velde_IMG_1355"
ver[55] = "Parnas_Merel vd Velde_IMGP3403"
ver[56] = "Parnas_Xander Posthuma"
ver[57] = "rh_foto3"
ver[58] = "Parnas Akkie Hettinga.Kuipers-IMG_3006"
ver[59] = "Parnas Siena Tiekstra-Ecokathedraal"
ver[60] = "Parnas Wilma Bos ecokathedraal 120"
ver[61] = "cvdb_IMG_0152_1584"
ver[62] = "mw_ecokathedraal2"

for (i=0; i<aantalhor; i++ )
{
	bijhor[i] = "";
}

/* text that is placed under the image */
bijhor[2] = "Louis le Roy bezig met het sorteren <br>van een partij stenen."
bijhor[3] = "De werkschoenen van Louis le Roy."
bijhor[4] = "De werkschoenen van Louis le Roy."
bijhor[5] = "Louis le Roy"
bijhor[21] = "Louis le Roy"
bijhor[27] = "Le Roy in gesprek met een aantal bezoekers aan de<br> ecokathedraal, waaronder Huub Mous en Peter Karstkarel."
bijhor[33] = "Thom de Graaf van D66 brengt een bezoek aan<br> de ecokathedraal."
bijhor[34] = "Fotograaf Cor de Cock van het Algemeen Dagblad maakt<br>foto van Le Roy"
bijhor[35] = "Fotograaf Cor de Cock van het Algemeen Dagblad maakt<br>foto van Le Roy"
bijhor[38] = "Het atelier in het midden van de ecokathedraal"
bijhor[100] = "<small>Foto: Ruud Knier</small>"
bijhor[101] = "<small>Foto: Ruud Knier</small>"
bijhor[102] = "<small>Foto: Ruud Knier</small>"
bijhor[106] = "<small>Foto: Rob van Haandel</small>"
bijhor[107] = "<small>Foto: Rob van Haandel</small>"
bijhor[112] = "Danseres Moeno Wakamatsu<br><small>Foto: Wim van der Kaaden.</small>"
bijhor[113] = "<small>Foto: Bob de Vries</small>"
bijhor[114] = "Studenten Architectuurgeschiedenis aan de Vrije <br/>Universiteit in Amsterdam brengen bezoek aan <br/> de Ecokathedraal"
bijhor[115] = "<small>Foto: Tjitte de Jong</small>"
bijhor[116] = "<small>Foto: Tjitte de Jong</small>"
bijhor[117] = "<small>Foto: Dick Vos</small>"
bijhor[118] = "<small>Foto: Dick Vos</small>"
bijhor[119] = "<small>Foto: Dick Vos</small>"
bijhor[120] = "<small>Foto: Markus Obrist</small>"
bijhor[121] = "<small>Foto: Markus Obrist</small>"
bijhor[122] = "Leerlingen van het AOC Leeuwarden, opleiding<br /> Natural Design, tijdens een excursie<br/>aan de ecokathedraal"
for (i=0; i<aantalver; i++ )
{
	bijver[i] = "";
}
bijver[23] = "Contemplatie.";
bijver[28] = "<small>Foto: Rob van Haandel</small>";
bijver[29] = "<small>Foto: Rob van Haandel</small>";
bijver[30] = "<small>Foto: Rob van Haandel</small>";
bijver[31] = "<small>Foto: Rob van Haandel</small>";
bijver[33] = "Danseres Moeno Wakamatsu<br><small>Foto: Wim van der Kaaden.</small>";
bijver[34] = "<small>Foto: Bob de Vries</small>";
bijver[35] = "Studenten Architectuurgeschiedenis aan de <br/>Vrije Universiteit in Amsterdam brengen bezoek <br/>aan de Ecokathedraal";
bijver[36] = "<small>Foto: Markus Obrist</small>";
bijver[37] = "<small>Foto: Thea Hommema</small>";
bijver[38] = "<small>Foto: Thea Hommema</small>";
bijver[39] = "<small>Foto: Frouk van der Zalm</small>";
bijver[40] = "<small>Foto: Niels Blaakmeer</small>";
bijver[41] = "<small>Foto: Prof. Dr. Sabine Hofmeister</small>"
bijver[42] = "<small>Foto: Prof. Dr. Sabine Hofmeister</small>"
bijver[43] = "<small>Foto: Philippe McIntyre</small>"
bijver[44] = "<small>Foto: Philippe McIntyre</small>"
bijver[45] = "<small>Foto: Bert Dalmolen</small>"
bijver[46] = "<small>Foto: Bert Dalmolen</small>"
bijver[47] = "<small>Foto: Mieke Vischer</small>"
bijver[48] = "<small>Foto: Freek Faber</small>"
bijver[49] = "Grafsteen<br /><small>Foto: Cor Windhouwer</small>"
bijver[50] = "Een kijkje in het atelier.<br /><small>Foto: Cor Windhouwer</small>"
bijver[51] = "<small>Foto: Cor Windhouwer</small>"
bijver[52] = "<small>Foto: Jannes van Echten</small>"
bijver[53] = "<small>Foto: Jannes van Echten</small>"
bijver[54] = "<small>Foto: Margreet van der Velde (Parnas)</small>"
bijver[55] = "<small>Foto: Merel van der Velde (Parnas)</small>"
bijver[56] = "<small>Foto: Xander Posthuma (Parnas)</small>"
bijver[57] = "<small>Foto: Radboud Hafkenscheid</small>"
bijver[58] = "<small>Foto: Akkie Hettinga Kuipers (Parnas)</small>"
bijver[59] = "<small>Foto: Siena Tiekstra (Parnas)</small>"
bijver[60] = "<small>Foto: Wilma Bos (Parnas)</small>"
bijver[61] = "<small>Foto: Corine van den Broek</small>"
bijver[62] = "<small>Foto: Minke Wagenaar</small>"


var opaque = opaquestart;


function writeHtml() {
	for (i=aantalver-1; i>0; i--)
	{
		document.write("<img src=\"leroy/115/" +  ver[i] + ".jpg\"" );
		document.write(" class=\"ver\"  onmouseover=\"showImageVer('" + i + "');\">");
	}
	
	for (i=aantalhor-1; i>0; i--)
	{
		document.write("<img src=\"leroy/115/" +  hor[i] + ".jpg\"" );
		document.write(" class=\"hor\" onmouseover=\"showImageHor('" + i + "');\">");
	}
	document.write("<br>");

	
}


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 showImageVer(i)
{
	path = 'leroy/300/' + ver[i] + ".jpg";
	document.getElementById('grotefoto').src = path;
	document.getElementById('foto').style.display='inline';
	document.getElementById('bijschrift').innerHTML = bijver[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;
}