function arg (argName){
  // Get URL argument by name
  // document.write("Start function");
  var result;
  var startVar;
  var endVar;
  var searchStr;

  searchStr=argName+"=";
  result="undefinEd";
  startVar=document.URL.indexOf(searchStr);
  startVar=1+document.URL.indexOf("=",startVar);
  if (startVar>0){
    endVar=document.URL.indexOf("&",startVar);
    if (endVar>0)
      result=document.URL.substr(startVar,endVar-startVar);
    else
      result=document.URL.substr(startVar,document.URL.length-startVar);
  }
  return result;
}


//==================================================
// Haal parameter (nummer van de afbeelding) op uit de URL.
// Dit nummer wijst naar de volgende foto die moet worden 
// afgebeeld.
//==================================================
function getNummer(){
		// Haal de argumenten uit de URL
		var blabla = arg("nummer");
		var nummer;
		if (blabla == "undefinEd")
		   nummer = 0;
		else
		   nummer = eval(blabla);
		if (isNaN(nummer)){ 
		   nummer=0;
		}
		return nummer;
}

//==================================================
// Toon slideshow. 
// Bestaat uit: 
// * Titel van de slideshow
// * Menu om direct naar een foto te gaan.
// * Weergave van de huidige foto.
// * Weergave van tekst bij de foto.
//
// param title = titel van de slideshow
// param imgList = array met afbeeldingen 
//==================================================
function slideshow( targetURL, title, imgList,PathToRanden ){

	ShowTekstHeader(title,"../");
	
	document.write( "<p><TABLE CLASS='slideshow_table'>" );
	var nummer = getNummer();
	var vorige = nummer - 1;
	var volgende = nummer + 1;
	var maxIndex = imgList.length;

	// Plaats, indien mogelijk, een knopje om naar vorige afbeelding te gaan
	document.write( "<TR class='slideshow_nav'><TD CLASS='slideshow_nav' WIDTH='33%' align='left'>" ); 
	if (vorige>=0){ 
	    document.write("<form name='input' action='" + targetURL +"' method='get'><input type ='submit' value ='Vorige'><input type='hidden' name='nummer' value='" + vorige + "'></form>"); 
	//  document.write(" <a href=\""+ targetURL + "?nummer="+vorige+"\">Vorige</a>");
  } else{
	  document.write("&nbsp");
	}
	document.write("</TD>");

	// Schrijf in het midden de huidige afbeelding en aantal afbeeldingen
	document.write( "<TD CLASS='slideshow_nav' WIDTH='33%' align='middle'>" );
	document.write( nummer + 1);
	document.write( " / " );
	document.write( imgList.length );
	document.write( "</TD>");
	
	// Plaats, indien mogelijk, een knopje om naar volgende afbeelding te gaan
	document.write( "<TD CLASS='slideshow_nav' WIDTH='33%' align='right'>");
	if (volgende < maxIndex){
	  //document.write(" <a href=\"" + targetURL + "?nummer="+volgende+"\">Volgende</a>");
    document.write("<form name='input' action='" + targetURL +"' method='get'><input type ='submit' value ='Volgende'><input type='hidden' name='nummer' value='" + volgende + "'></form>"); 
  } else{
	  document.write("&nbsp");
	}
	document.write("</TD></TR>");

	// Schrijf index van de foto's 
	document.write("<TR><TD CLASS='slideshow_index' COLSPAN='3'>");
	writeIndex( targetURL, imgList, nummer);
	document.write("</TD></TR>");

			
	// Plaats de afbeelding
	document.write( "<TR><TD style='border-top:	1px solid;border-color:	#2A4851' CLASS='slideshow_data' COLSPAN='3'><BR/>" );
//	document.write( "<CENTER><img src='"+PathToRanden+"NegatiefBoven.jpg' height='19' width='320'><br>
  document.write( "<center><a target='_new' href='" );
	writeImageName( imgList, nummer );
	document.write( "'><img border='0' src=\"" );
	writeThumbName( imgList, nummer );
	document.write( "\"></a><br>");
//<img src='"+PathToRanden+"NegatiefOnder.jpg' height='19' width='320'></CENTER>" );
	document.write( "</center><DIV CLASS='small_info'>klik op de afbeelding voor een grotere weergave (1024 x768)</DIV>" );
	document.write( "</TD></TR>" );
//width='320'
	// Schrijf de tekst van de afbeelding
	document.write( "<TR><TD style='border-top:	1px solid;border-color:	#2A4851' CLASS='slideshow_data' COLSPAN='3'><center>" );
	writeImageText( imgList, nummer);
	document.write( "</center></TD></TR>" );

	document.write( "</TABLE>" );
//	document.write("</TD></TR></TABLE>");
}