// IN: ugs, bestand, showTitel
	// 

    //var ugs=new URLGetString();
	
function showMouse(){
		document.all.mousePos.innerHTML= pic + '.jpg | x:' + (event.x-offsetx) + ' y:' + (event.y-offsety);
		}

	
function objPic(){
		this.name='';
		this.number=0;		
		this.title='';
		this.caption=''
		}
		
function objHotspot(){
		this.from='';
		this.to='';
		this.left=0;		
		this.top=0;
		this.width=0;
		this.height=0;
		this.caption=''
		}
			
	var rijen=new Array();
	
	var kruimels=new Array();
	if (ugs.exists('kleinduimpje')) kruimels=ugs.kleinduimpje; else	kruimels='';
	kruimels=kruimels.split(',');
	
	if (ugs.exists('pic')) pic=ugs.pic;	else pic=showStart;
	if (ugs.exists('lokaal')) lokaal=ugs.lokaal; else lokaal=false;
	if (ugs.exists('edit')) edit=ugs.edit; else edit=false;

	var offsetx=0;
	var offsety=20;
	
	document.write('<table bordercolor="white" border="0" cellpadding="0"><tr valign="top">');
	if (showBreedte=='')
		document.write('<td>')
	else
		document.write('<td width="' + showBreedte + '">');
	
	//Hoofdplaatje afbeelden

	//Plaatje klikbaar om terug te gaan
	if (kruimels.length > 1)
		document.write('<a href="' + bestand+ '.htm?sID=' + ugs.sID + '&lokaal=' + lokaal + '&pic=' + kruimels[0] + '&kleinduimpje=' + kruimels.slice(1,kruimels.length) + '">');
	//Het plaatje zelf
	document.write('<img id="hoofdplaatje" src="' + showDir + pic + '.jpg" border="0" ');
	//Muispositie tonen
	if (edit) document.write('onmousemove="javascript:showMouse()"');

	document.write('>');
	if (kruimels.length > 1) document.write('</a>');
	
	//Toelichting
	var picture=new objPic
	rijen=Plaatjes.split('|');
	for (i=0;i<rijen.length;i++)
		{
		cellen=rijen[i].split('~');
		if (cellen[0]==pic) 
			{picture.name=cellen[0];
			picture.number=cellen[1];
			picture.title=cellen[2];
			picture.caption=cellen[3];
			}
		}
	
	//Hotspots afbeelden
	var hotspot=new objHotspot;
	rijen=Hotspots.split('|');
	for (i=0;i<rijen.length;i++)
		{
		cellen=rijen[i].split('~');
		if (cellen[0]==pic)
			{hotspot.from=cellen[0];
			hotspot.left=cellen[1];
			hotspot.top=cellen[2];
			hotspot.width=cellen[3];
			hotspot.height=cellen[4];
			hotspot.to=cellen[5];
			hotspot.caption=cellen[6];
			hotspot.image=cellen[7];

			//De div voor positie van hotspot
			document.write('<div id="Spot' + i + '" style="position:absolute; width:' + hotspot.width + 'px; height:' + hotspot.height + 'px; z-index:' + i + '; left:' + (hotspot.left-0+offsetx) + 'px; top: ' + (hotspot.top-0+offsety) + 'px">');
			//Het plaatje om op te klikken
			if (hotspot.image=='' || hotspot.image=='undefined')
				{plaatje='../pictures/transje.gif';
				rand='style="border-color:yellow;border-style:solid;border-width:1px"';
				kleinduimpje='&kleinduimpje=' + pic + ',' + kruimels}
			else
				{plaatje='../pictures/'+hotspot.image+'.gif';
				rand='border="0"';
				kleinduimpje='&kleinduimpje=' + kruimels}
			document.write('<a href="' + bestand +'.htm?sID=' + ugs.sID + '&pic=' + hotspot.to + '&lokaal=' + lokaal + kleinduimpje + '">');
			document.write('<img src="' + plaatje + '" width="' + hotspot.width + '" height="' + hotspot.height +'" alt="' + hotspot.caption+ '"' + rand + '>');
			document.write('</a></div>');
			}
		};
	
	//Celscheiding om toelichting naast plaatje te zetten
	document.write('</td><td>&nbsp;</td><td style="color=#999999;" valign="top">');
	
	//Toelichting
	document.write('<h2>' + showTitel + '</h2>');
	document.write('<p>'+picture.caption + '</p>');

	//Aanwijzingen
	document.write('<p>To back up, click in picture outside any hotspot.</p>');	

	//Alle shows
	//document.write('<br><div style="color=#999999;" class="klein">Other tours:<br>');
	//rijen=shows.split('|');
	//for (i=0;i<rijen.length;i++)
	//		{cellen=rijen[i].split('~');
	//		if (cellen[0] != ugs.sID)
	//			document.write('<a class="klein" href="pictour.htm?sID=' + cellen[0] + '" target="main" title="' + cellen[5] + '">' + cellen[1] + '</a><br>');
	//		}
	//document.write('</div>');
	
	//Tabel afsluiten
	document.write('</td></tr></table>');
	
	document.write('<br><br><div id="mousePos" style="color=#999999;"></div>');