divid="panorama1"; //the id of the div container that will hold the panorama

impad='skanzen-panorama.jpg'; //the path to your panorama-pic

imwid=1020; //the width of your pic

imhei=100; //the height of your pic

panwid=534; //the width of the shown area

panhei=150; //the height of the shown area

speed=50; //timeout between moves; set it lower to increase speed

move=3; // movement at one step in pixel

tim=0;noscroll=true;

imw=imwid*panhei/imhei;imh=panhei;imstart=panwid/2-imw*1.5;

jumpa=panwid/2-imw*2.5;jumpwida=imw-move;

jumpb=panwid/2-imw/2;jumpwidb=imw+move;

conwid=54;panhei+=30;contop=(imh*1)+(10*1);

conlefa=panwid/2-conwid;conlefb=panwid/2;

function sr(){

	if(!noscroll){

	now=parseFloat(document.getElementById("pano").style.left);

  if (now<=jumpa){now+=jumpwida;} else{now-=move;}

  document.getElementById("pano").style.left=now+"px";

	tim=setTimeout("sr()",speed);}}



function sl(){

	if(!noscroll){

	now=parseFloat(document.getElementById("pano").style.left);

  if (now>=jumpb){now-=jumpwidb;} else{now+=move;}

  document.getElementById("pano").style.left=now+"px";

	tim=setTimeout("sl()",speed);}}



function stop(){clearTimeout(tim); noscroll=true}



function shownow() {

	document.getElementById(divid).style.height=panhei+"px";

	document.getElementById(divid).innerHTML=tp;}



tp="<div id='panorama1_'>";

tp=tp+"<div id='pano' style='position:absolute; left:"+imstart+"px; top:0px; width:"+imw*3+"px; height:"+imh+"px; z-index:2; visibility:visible;'>";

tp=tp+"<img src='"+impad+"' width="+imw+"px height="+imh+"px><img src='"+impad+"' width="+imw+"px height="+imh+"px><img src='"+impad+"' width="+imw+"px height="+imh+"px>";

tp=tp+"</div>";

tp=tp+"<div id='left'><img src='left.jpg' onmouseover='noscroll=false; sl()' onmouseout='stop()'></div>";

tp=tp+"<div id='right'><img src='right.jpg' onmouseover='noscroll=false; sr()' onmouseout='stop()'></div>";

tp=tp+"<</div>";



document.write("<style>");

document.write("#panorama1_ {position:absolute;width:"+panwid+"px; height:"+panhei+"px; clip:rect(0px,"+panwid+"px,"+panhei+"px,0px); overflow:hidden;}");

document.write("#left {position:absolute; left:"+conlefa+"px; top:"+contop+"px; width:"+conwid+"px; z-index:1; text-align:right;}");

document.write("#right {position:absolute; left:"+conlefb+"px; top:"+contop+"px; width:"+conwid+"px; z-index:1; text-align:left;}");

document.write("#right a, #left a {text-decoration:none;}");

document.write("</style>");



onload=shownow;