// --------------------------------- vars ---------------------------------

photo_border_width=1;
photo_border_color='#606060';

photo_padding_width=5;
photo_padding_color='white';

photo_speed=0.2;
photo_nifty_controls=1;

// --------------------------------- usage ---------------------------------

// pic[0]=new Array(filename,width,height,subscript,date)
// pic[1]=new Array(filename,width,height,subscript,date)

// <A HREF="javascript:loadphotoarray(0)">popup</A>
// <A HREF="javascript:loadphoto(filename,width,height,subscript,date)">popup</A>



// --------------------------------------------------------------------------

prev=999; next=999;
function loadphotoarray(p) {
	if (p=="next" || p=="prev") p=eval(p);
	if (p!=999) {
		hidephoto();
		if (p>0) prev=p-1; else prev=999;
		if (p+1<pic.length) next=p+1; else next=999;
		loadphoto(pic[p][0],pic[p][1],pic[p][2],pic[p][3],pic[p][4],prev,next);
	}
}
function loadphoto(url,w,h,s,d) {
	document.images["bigphoto"].width=w;
	document.images["bigphoto"].height=h;
	document.images["bigphoto"].src=url;
	document.getElementById("photodiv3").innerHTML=s;
	document.getElementById("photodiv3").style.display=((s==""&&d=="")?"none":"block");
	xy=d.substring(0,4);
	xm=d.substring(4,6);
	xd=d.substring(6,8);
	xh=d.substring(8,10);
	xi=d.substring(10,12);
	document.getElementById("photodiv4").innerHTML="<NOBR>&nbsp;&nbsp;"+xd+"/"+xm+"/"+xy+"&nbsp;-&nbsp;"+xh+":"+xi+"</NOBR>";
	document.getElementById("photodiv4").style.display=(d==""?"none":"block");
	if (photo_nifty_controls==1) {
		if (prev == 999 && next == 999) {
			document.getElementById("photodiv5").innerHTML='<IMG SRC="/img/dummy.gif" WIDTH=15 HEIGHT=15 BORDER=0>';
			document.getElementById("photodiv6").innerHTML='<IMG SRC="/img/dummy.gif" WIDTH=15 HEIGHT=15 BORDER=0>';
		} else {
			document.getElementById("photodiv5").innerHTML='<IMG SRC="/img/icon_prev'+(prev==999?"off":"")+'.gif" WIDTH=15 HEIGHT=15 BORDER=0>';
			document.getElementById("photodiv6").innerHTML='<IMG SRC="/img/icon_next'+(next==999?"off":"")+'.gif" WIDTH=15 HEIGHT=15 BORDER=0>';
		}
	}
}
function centerphoto() {
	dv=document.getElementById("bigphotodiv");
	dv.style.width=(document.images["bigphoto"].width+(photo_padding_width*2+photo_border_width*2)) + "px";
	dv.style.height=(document.images["bigphoto"].height+(photo_padding_width*2+photo_border_width*2)) + "px";

	dv=document.getElementById("photodiv2");
	dv.style.left=((photo_padding_width+1)+document.images["bigphoto"].width-(20-photo_border_width)-38) + "px";
	dv.style.top=((photo_padding_width+1)+document.images["bigphoto"].height-(20-photo_border_width)) + "px";

	dv=document.getElementById("photodiv3");
	dv.style.left=(photo_padding_width+photo_border_width) + "px";
	dv.style.width=document.images["bigphoto"].width + "px";
	dv.style.top=((photo_padding_width+photo_border_width)+document.images["bigphoto"].height-23) + "px";

	dv=document.getElementById("photodiv4");
	dv.style.left=(photo_padding_width+photo_border_width) + "px";
	dv.style.top=((photo_padding_width+photo_border_width)+document.images["bigphoto"].height-23) + "px";

	dv=document.getElementById("bigphotodiv");
	var h=document.body.clientHeight;

if (document.documentElement && !document.documentElement.scrollTop)
	var t = 0;
else if (document.documentElement && document.documentElement.scrollTop)
var t = document.documentElement.scrollTop;
else if (document.body && document.body.scrollTop)
	var t=document.body.scrollTop;



	var w=document.body.clientWidth;
	var l=document.body.scrollLeft;
	var y=Math.floor(h/2-dv.offsetHeight/2+t);
	var x=Math.floor(w/2-dv.offsetWidth/2+l);
	dv.style.top=y+"px";
	dv.style.left=x+"px";
	dv.style.zIndex = 9999999;
}
function hidephoto() {
	dv=document.getElementById("bigphotodiv");
	dv.style.visibility="hidden";
}
function showphoto() {
	dv=document.getElementById("bigphotodiv");
	fadein("bigphotodiv",photo_speed);
}
function fixcenter() {
	centerphoto();
}

document.write('<DIV ID="bigphotodiv" STYLE="position:absolute;left:-999px;top:-999px;visibility:hidden">');

document.write('<DIV ID="photodiv1" STYLE="position:absolute;left:0;top:0">');
	document.write('<TABLE CELLPADDING='+photo_padding_width+' CELLSPACING=0 BORDER=0 STYLE="background:'+photo_padding_color+(photo_border_width>0?(';border:'+photo_border_width+'px solid '+photo_border_color):'')+'"><TR><TD>');
	document.write('<IMG NAME="bigphoto" SRC="/img/dummy.gif" onLoad="if (this.src.indexOf(\'dummy.gif\')==-1) { centerphoto();showphoto() }"><BR>');
	document.write('</TD></TR></TABLE>');
document.write('</DIV>');

document.write('<DIV ID="photodiv3" STYLE="position:absolute;left:0;top:0;background:black;width:60px;color:white;text-align:center;height:23;padding-top:4;font-family:tahoma,arial;font-size:11px"></DIV>');

document.write('<DIV ID="photodiv4" STYLE="position:absolute;left:0;top:0;background:black;width:60px;color:white;height:23;padding-top:4;font-family:tahoma,arial;font-size:11px"></DIV>');

if (photo_nifty_controls==1) {

	document.write('<DIV ID="photodiv2" STYLE="position:absolute;left:0;top:0;width:15px">');

		document.write('<TABLE CELLPADDING=0 CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=53>');
		document.write('<TR>');
			document.write('<TD WIDTH=15><A HREF="javascript:loadphotoarray(\'prev\')" ID="photodiv5"><IMG SRC="/img/icon_prev.gif" WIDTH=15 HEIGHT=15 BORDER=0></A></TD>');
			document.write('<TD WIDTH=4></TD>');
			document.write('<TD WIDTH=15><A HREF="javascript:loadphotoarray(\'next\')" ID="photodiv6"><IMG SRC="/img/icon_next.gif" WIDTH=15 HEIGHT=15 BORDER=0></A></TD>');
			document.write('<TD WIDTH=4></TD>');
			document.write('<TD WIDTH=15><A HREF="javascript:hidephoto()"><IMG SRC="/img/icon_close.gif" WIDTH=15 HEIGHT=15 BORDER=0></A></TD>');
		document.write('</TR>');
		document.write('</TABLE>');
		
	document.write('</DIV>');

} else {

	document.write('<DIV ID="photodiv2" STYLE="position:absolute;left:0;top:0;background:#800000;padding:1 5 1 5;border:1px solid black">');
	document.write('<A HREF="javascript:hidephoto()" STYLE="color:white;font-family:tahoma,arial;font-size:11px;text-decoration:none">Sluiten</A><BR>');
	document.write('</DIV>');

}

document.write('</DIV>');



//window.onresize=fixcenter;