<!--
/* BELANGRIJK: Plaats script na <div id="fotoDiv" style="position:absolute; visibility:hidden; z-index:100"></div> of 
	 plaats <div id="fotoDiv" style="position:absolute; visibility:hidden; z-index:100"></div> juist voor </BODY>. */

var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;

// resize fix voor ns4
var origWidth, origHeight;
if (ns4) {
	origWidth = window.innerWidth; origHeight = window.innerHeight;
	window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

// vermijdt error of passing event object in oudere browsers
if (nodyn) { event = "nope" }

///////////////////////  HIER AANPASSEN   ////////////////////
// settings
// Wil je dat de foto mee beweegt wanneer je de muis verplaats? true=ja false=neen
var fotoFollowMouse= true;	
// Zorg ervoor dat fotoWidth groot genoeg is voor de breedste foto
var fotoWidth= 400;
var offX= 1;	// hoe ver van de muispointer moet de foto verschijnen
var offY= 1; 
var fotoFontFamily= "Verdana, arial, helvetica, sans-serif";
var fotoFontSize= "10pt";
// vul hier de standaard tekstkleur en achtergrondkleur in
// iedere foto kan zijn eigen achtergrondkleur en tekstkleur hebben
// is niet noodzakelijk
var fotoFontColor= "#000000";
var fotoBgColor= "#DDECFF"; 
var fotoBorderColor= "#000080";
var fotoBorderWidth= 3;
var fotoBorderStyle= "ridge";
var fotoPadding= 4;

// Hier vul je volgende gegevens  in -- format:('url foto','commentaar','achtergrondkleur','tekstkleur');
var messages = new Array();
// multi-dimensional reeks (arrays) bevatten: 
// url foto en commentaar
// optioneel: achtergrondkleur en tekstkleur
// VUL HIER DE FOTO'S IN
messages
messages[0] = new Array('14.JPG','stof nr 14<br>kaasdoek geplakt op wit pvc<BR> prijsklasse standaard',"#FFFFFF",'black');
messages[1] = new Array('57.JPG','stof nr 57<br>jute medium geplakt op wit pvc<BR> prijsklasse standaard',"#FFFFFF",'black');
messages[2] = new Array('81.JPG','stof nr 81<br>Moiré beige/creme geplakt op wit pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[3] = new Array('96.JPG','stof nr 96<br>Cresh.Seide geplakt op wit pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[4] = new Array('131.JPG','stof nr 131<br>Katoen Celtic bleu geplakt op wit pvc<BR> prijsklasse standaard',"#FFFFFF",'black');
messages[5] = new Array('161.JPG','stof nr 161<br>Katoen grof beige geplakt op wit pvc<BR> prijsklasse standaard',"#FFFFFF",'black');
messages[6] = new Array('266.JPG','stof nr 266<br>Glanskatoen creme geplakt op wit pvc<BR>prijsklasse standaard',"#FFFFFF",'black');
messages[7] = new Array('289.JPG','stof nr 289<br>Glanskatoen zilver geplakt op wit pvc<BR>prijsklasse standaard',"#FFFFFF",'black');
messages[8] = new Array('306.JPG','stof nr 306<br>Glans rib breed geplakt op goud pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[9] = new Array('343.JPG','stof nr 343<br>Natuur Linnen geplakt op wit pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[10] = new Array('356.JPG','stof nr 356<br>Koffie changeant geplakt op goud pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[11] = new Array('357.JPG','stof nr 357<br>Coca changeant geplakt op goud pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[12] = new Array('390.JPG','stof nr 390<br>Cotton orange geplakt op transparant pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[13] = new Array('391.JPG','stof nr 391<br>Cotton wine geplakt op transparant pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[14] = new Array('392.JPG','stof nr 392<br>Cotton lime geplakt transparant pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[15] = new Array('393.JPG','stof nr 393<br>Cotton lime geplakt op transparant pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[16] = new Array('400.JPG','stof nr 400<br>Cotton pink geplakt op transparant pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[17] = new Array('401.JPG','stof nr 401<br>Cotton fuschia geplakt op transparant pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[18] = new Array('423.JPG','stof nr 423<br>Brushed helblauwgeplakt op wit pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');
messages[19] = new Array('451.JPG','stof nr 451<br>Organdy offwhite geplakt op glashelder pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[20] = new Array('454.JPG','stof nr 454<br>Organdy bruin geplakt op glashelder pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[21] = new Array('455.JPG','stof nr 455<br>Chiffon paars geplakt op glashelder pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[22] = new Array('457.JPG','stof nr 457<br>Organdy zwart geplakt op glashelder pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[23] = new Array('459.JPG','stof nr 459<br>Katoen grof steen geplakt op glashelder pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[24] = new Array('460.JPG','stof nr 460<br>Katoen appel geplakt op glashelder pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[25] = new Array('462.JPG','stof nr 462<br>Katoen zee geplakt op glashelder pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[26] = new Array('471.JPG','stof nr 471<br>unie bruin geplakt op witpvc<BR>prijsklasse standaard',"#FFFFFF",'black');
messages[27] = new Array('474.JPG','stof nr 474<br>unie geel geplakt op wit pvc<BR>prijsklasse standaard',"#FFFFFF",'black');
messages[28] = new Array('479.JPG','stof nr 479<br>dKatoen grof  Rood/Zwart geplakt op glashelder pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[29] = new Array('481.JPG','stof nr 481<br>Katoen grof rood geplakt op wit pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[30] = new Array('482.JPG','stof nr 482<br>Katoen d.bruin geplakt op wit pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[31] = new Array('483.JPG','stof nr 483<br>Organdy walnoot geplakt op glashelder pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[32] = new Array('505.JPG','stof nr 505<br>Prestige bruin geplakt op wit pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');
messages[33] = new Array('512.JPG','stof nr 512<br>Natuur linnen creme geplakt op wit pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');
messages[34] = new Array('513.JPG','stof nr 513<br>Natuur linnen zwart geplakt op wit pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');
messages[35] = new Array('514.JPG','stof nr 514<br>Natuur linnen khaki geplakt op wit pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');
messages[36] = new Array('516.JPG','stof nr 516<br>Natuur linnen licht grijs geplakt op wit pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');
messages[37] = new Array('519.JPG','stof nr 519<br>katoen creme fijn geplakt op wit pvc<BR>prijsklasse standaard',"#FFFFFF",'black');
messages[38] = new Array('520.JPG','stof nr 520<br>Natuur linnen bruin geplakt op wit pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[39] = new Array('522.JPG','stof nr 522<br>Shiny Brown geplakt op wit pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');
messages[40] = new Array('523.JPG','stof nr 523<br>Shiny Black geplakt op wit pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');
messages[41] = new Array('524.JPG','stof nr 524<br>Shiny Grey geplakt op wit pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');
messages[42] = new Array('525.JPG','stof nr 525<br>Katoen zand fijn geplakt op wit pvc<BR>prijsklasse standaard',"#FFFFFF",'black');
messages[43] = new Array('536.JPG','stof nr 536<br>Brushed Khaki geplakt op wit pvc<BR>prijsklasse luxe',"#FFFFFF",'black');
messages[44] = new Array('544.JPG','stof nr 544<br>Chintz fuschia geplakt op wit pvc<BR>prijsklasse standaard',"#FFFFFF",'black');
messages[45] = new Array('546.JPG','stof nr 546<br>Black cotton geplakt op alumium pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');
messages[46] = new Array('547.JPG','stof nr 547<br>Black cotton geplakt op roodkoper pvc<BR>prijsklasse speciaal',"#FFFFFF",'black');

// enzoverder



////////////////////  EINDE AANPASSINGEN  ///////////////////

// preload fotos
// benoemd in de bovenstaande reeks (arrays)
if (document.images) {
	var theImgs = new Array();
	for (var i=0; i<messages.length; i++) {
  	theImgs[i] = new Image();
		theImgs[i].src = messages[i][0];
  }
}

// to layout image and text, 2-row table, image centered in top cell
// these go in var foto in doToolfoto function
// startStr goes before image, midStr goes between image and text
var startStr = '<table width="' + fotoWidth + '"><tr><td align="center" width="100%"><img src="';
var midStr = '" border="0"></td></tr><tr><td valign="top">';
var endStr = '</td></tr></table>';

////////////////////////////////////////////////////////////
//  initfoto	- initialization for toolfoto.
//		Global variables for toolfoto. 
//		Set styles for all but ns4. 
//		Set up mousemove capture if fotoFollowMouse set true.
////////////////////////////////////////////////////////////
var toolfoto, fotocss;
function initfoto() {
	if (nodyn) return;
	toolfoto = (ns4)? document.fotoDiv.document: (ie4)? document.all['fotoDiv']: (ie5||ns5)? document.getElementById('fotoDiv'): null;
	fotocss = (ns4)? document.fotoDiv: toolfoto.style;
	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
		fotocss.width = fotoWidth+"px";
		fotocss.fontFamily = fotoFontFamily;
		fotocss.fontSize = fotoFontSize;
		fotocss.color = fotoFontColor;
		fotocss.backgroundColor = fotoBgColor;
		fotocss.borderColor = fotoBorderColor;
		fotocss.borderWidth = fotoBorderWidth+"px";
		fotocss.padding = fotoPadding+"px";
		fotocss.borderStyle = fotoBorderStyle;
	}
	if (toolfoto&&fotoFollowMouse) {
		if (ns4) document.captureEvents(Event.MOUSEMOVE);
		document.onmousemove = trackMouse;
	}
}

window.onload = initfoto;

/////////////////////////////////////////////////
//  doToolfoto function
//			Assembles content for toolfoto and writes 
//			it to fotoDiv
/////////////////////////////////////////////////
var t1,t2;	// for setTimeouts
var fotoOn = false;	// check if over toolfoto link
function doToolfoto(evt,num) {
	if (!toolfoto) return;
	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
	fotoOn = true;
	// set colors if included in messages array
	if (messages[num][2])	var curBgColor = messages[num][2];
	else curBgColor = fotoBgColor;
	if (messages[num][3])	var curFontColor = messages[num][3];
	else curFontColor = fotoFontColor;
	if (ns4) {
		var foto = '<table bgcolor="' + fotoBorderColor + '" width="' + fotoWidth + '" cellspacing="0" cellpadding="' + fotoBorderWidth + '" border="0"><tr><td><table bgcolor="' + curBgColor + '" width="100%" cellspacing="0" cellpadding="' + fotoPadding + '" border="0"><tr><td>'+ startStr + messages[num][0] + midStr + '<span style="font-family:' + fotoFontFamily + '; font-size:' + fotoFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr + '</td></tr></table></td></tr></table>';
		toolfoto.write(foto);
		toolfoto.close();
	} else if (ie4||ie5||ns5) {
		var foto = startStr + messages[num][0] + midStr + '<span style="font-family:' + fotoFontFamily + '; font-size:' + fotoFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
		fotocss.backgroundColor = curBgColor;
	 	toolfoto.innerHTML = foto;
	}
	if (!fotoFollowMouse) positionfoto(evt);
	else t1=setTimeout("fotocss.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
	mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
	mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	if (fotoOn) positionfoto(evt);
}

/////////////////////////////////////////////////////////////
//  positionfoto function
//		If fotoFollowMouse set false, so trackMouse function
//		not being used, get position of mouseover event.
//		Calculations use mouseover event position, 
//		offset amounts and toolfoto width to position
//		toolfoto within window.
/////////////////////////////////////////////////////////////
function positionfoto(evt) {
	if (!fotoFollowMouse) {
		mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
		mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	}
	// toolfoto width and height
	var tpWd = (ns4)? toolfoto.width: (ie4||ie5)? toolfoto.clientWidth: toolfoto.offsetWidth;
	var tpHt = (ns4)? toolfoto.height: (ie4||ie5)? toolfoto.clientHeight: toolfoto.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft;
	var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop;
	// check mouse position against foto and window dimensions
	// and position the toolfoto 
	if ((mouseX+offX+tpWd)>winWd) 
		fotocss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px";
	else fotocss.left = (ns4)? mouseX+offX: mouseX+offX+"px";
	if ((mouseY+offY+tpHt)>winHt) 
		fotocss.top = (ns4)? winHt-(tpHt+offY): winHt-(tpHt+offY)+"px";
	else fotocss.top = (ns4)? mouseY+offY: mouseY+offY+"px";
	if (!fotoFollowMouse) t1=setTimeout("fotocss.visibility='visible'",100);
}

function hidefoto() {
	if (!toolfoto) return;
	t2=setTimeout("fotocss.visibility='hidden'",100);
	fotoOn = false;
}

//-->

