////////////////////////////////////////////
//                                        //
//    PanoramaScript by Bookman Leiden    //
//    post@bookman.nl   www.bookman.nl    //
//    ver. april 2003                     //
//    een beetje aan geknoeid door Femmy  //
//    en door hubbewokkels@hotmail.com  	//
//                                        //
////////////////////////////////////////////

var Snelheid = 1;
var Xint;
var Breed;
var Hoog;
var Naam;
var Afdek;
var wiWi;
var Krt;

function p(t){document.write(t);}

function pan(b, h, n, a, k){

if (window.innerWidth) wiWi = window.innerWidth; 
else if (document.all || document.getElementById)wiWi = document.body.offsetWidth;
if(a>=wiWi)Afdek = 0;
else Afdek = (wiWi-a)/2;
Xint = Breed = b;
Hoog = h;
Naam = n;
Krt = '#'+k;
if (document.all || document.getElementById) p('<DIV id="panorama">')
else p("<layer id='panorama'>");
p("<TABLE cellspacing=0 cellpadding=0 border=0><TR>");
p("<TD><IMG SRC=" + Naam + " WIDTH=" + Breed + " HEIGHT=" + Hoog + " BORDER=0 ALT=''usemap="+ Krt +"></TD>");
p("<TD><IMG SRC=" + Naam + " WIDTH=" + Breed + " HEIGHT=" + Hoog + " BORDER=0 ALT=''usemap="+ Krt +"></TD>");
p("<TD><IMG SRC=" + Naam + " WIDTH=" + Breed + " HEIGHT=" + Hoog + " BORDER=0 ALT=''usemap="+ Krt +"></TD>");
p("</TR></TABLE>");
if (document.all || document.getElementById) p('</DIV>')
else p("</layer>");

Divi = document.all ? document.all['panorama'] : 
 document.getElementById ? document.getElementById('panorama') : document.layers['panorama'];
Divi = document.layers ? Divi : Divi.style

Xpos = -Breed;
Divi.left = Xpos;

var tp = 20 + h;
<!-- Afdekvlakken links en rechts van afbeelding -->
/*
p('<DIV class = "afdek" style="width:'+Afdek+'; height:'+tp+';">&nbsp;</DIV>');
p('<DIV class = "afdek" style="width:'+Afdek+'; height:'+tp+';">&nbsp;</DIV>');
*/


/*
p('<DIV style="position:absolute; left:'+Afdek+'px; top:'+tp+'px;">');
p('<INPUT TYPE=BUTTON VALUE="terug" onClick="history.back()">');
p('</div>');
*/
p('<DIV id="controler" style="position:absolute; width:933px; top:'+tp+'px;">');
p('<TABLE border="0" align="center"><TR><TD colspan="7" align="center">Middels onderstaande knoppen kunt u rond kijken. </TD></TR><TR>');
p('<TD><INPUT TYPE="button" NAME="s" value="<<<" class="scroll_button" onmouseover="checked=true;Snelheid=-7"></TD>');
p('<TD><INPUT TYPE="button" NAME="s" value="<<" class="scroll_button" onmouseover="checked=true;Snelheid=-3"></TD>');
p('<TD><INPUT TYPE="button" NAME="s" value="<" class="scroll_button" onmouseover="checked=true;Snelheid=-1"></TD>');
p('<TD><INPUT TYPE="button" NAME="s" value="=" class="scroll_button" onmouseover="checked=true;Snelheid=0"></TD>');
p('<TD><INPUT TYPE="button" NAME="s" value=">" class="scroll_button" checked=false; onmouseover="checked=true;Snelheid=1"></TD>');
p('<TD><INPUT TYPE="button" NAME="s" value=">>" class="scroll_button" onmouseover="checked=true;Snelheid=3"></TD>');
p('<TD><INPUT TYPE="button" NAME="s" value=">>>" class="scroll_button" onmouseover="checked=true;Snelheid=7"></TD>');
p('</TR></TABLE></DIV>');

Begin(); 
return Xpos;
}

function Begin() { 
	setTimeout('Schuiven()',10) 
}

function Schuiven(){
	if (Snelheid > 0) {
		if (-Xint <= Breed*2) Xpos -= Snelheid;
		else Xpos = -(Breed + Snelheid);
	}
	else {
		if (-Xint -1 >= 0) Xpos -= Snelheid;
		else Xpos = -(Breed - Snelheid);
	}
	Divi.left = Xint = Xpos;
	Begin();
}


var bMouseDown = false;
var nPan = 0;
var nPanInc = -1; //direction of motion 
var w;
function pan_1()
{
//Naam = n;
//p("<IMG SRC=" + Naam + " >");
if ( bMouseDown ) return;
nPan += nPanInc;
var oDiv2 = document.getElementById('theDiv');
w = oDiv2.offsetWidth / 2;
if ( nPan <= -w ) nPan = 0;
if ( nPan > 0 ) nPan = -w;
var oDiv = document.getElementById('theDiv');
oDiv.style.left = nPan.toString() + 'px';

window.setTimeout("pan_1();", 20);
}

var nMousePos = 0;
function panMouseDown(e)
{
if ( !e ) e = window.event;
bMouseDown = true;

var oDiv2 = document.getElementById('theDiv');
oDiv2.style.cursor = "col-resize";

nMousePos = e.clientX;

//e.cancelBubble = true;
e.returnValue = false;
return false;
}
function panMouseUp(e)
{
if ( !e ) e = window.event;
bMouseDown = false;

var oDiv2 = document.getElementById('theDiv');
oDiv2.style.cursor = "auto";

window.setTimeout("pan_1();", 10);
}
function panMouseMove(e)
{
if ( !e ) e = window.event;

var n = e.clientX;

if ( !bMouseDown )
{
// 175 is half the width of the div
//if ( n < 375 ) nPanInc = -1; else nPanInc = 1;
if ( n < 375 ) nPanInc = -1; else nPanInc = -1;
return;
}

//if ( n > nMousePos ) nPanInc = 1; else if ( n < nMousePos ) nPanInc = -1; else nPanInc = 0;

nPan += n - nMousePos;
if ( nPan <= -w ) nPan = 0;
if ( nPan > 0 ) nPan = -w;
var oDiv = document.getElementById('theDiv');
oDiv.style.left = nPan.toString() + 'px';

nMousePos = n;

//e.cancelBubble = true;
e.returnValue = false;
return false;
}