//*****parameters to set*****

impad='content/misc/PanPic.jpg';
imwid=624; //2176; //the width of your pic
imhei=105; //460; //the height of your pic
poslef=235;//68; //the left position of the panorama on your page
postop=172; //the top position of the panorama on your page
panwid=580;//484; //the width of the shown area
panhei=110;//484*.245; //the height of the shown area
//if it differs from the image-height, the image gets scaled in length and height
speed=70; //timeout between moves; set it lower to increase speed
move=1; // movement at one step in pixel
bwidth=0;

//*****nothing more to do, have fun :)

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=15;contop=postop+(imh*1)+(10*1);
conlefa=poslef+(panwid/2)-conwid;conlefb=poslef+(panwid/2);
todays_date = new Date();
init_time = todays_date.getSeconds();
var new_time;
stopNum = 30;
fixNum = 70;
stopFlag = 0;
cnt = 0;

				
function rotate()
{
   sl();
}
function sl(){
	now=parseFloat(document.getElementById("pano").style.left);
  if (now>=jumpb){now-=jumpwidb;} else{now+=move;}
  document.getElementById("pano").style.left=now;
	
	cnt++;
	if (stopFlag == 1)
	{
	   stopNum = fixNum ;
	}
	if (cnt < stopNum)
	{
	   tim=setTimeout("sl()",speed);
  }
	else if (cnt >= stopNum)
	{
	     stopFlag = 1;
	     cnt = 0;
			 sr();	 
	}
}
function sr(){

	now=parseFloat(document.getElementById("pano").style.left);
  if (now<=jumpa){now+=jumpwida;} else{now-=move;}
  document.getElementById("pano").style.left=now;
  cnt++;
	
	if (cnt < fixNum)
	{
	   tim=setTimeout("sr()",speed);
  }
	else if (cnt >= fixNum)
	{
	     cnt = 0;
			 sl();	 
	}
}


function stop(){clearTimeout(tim); noscroll=true}
document.write("<div id='panorama'>");
document.write("<div id='pano' style='position:absolute; left:"+imstart+"px; top:0px; width:"+imw*3+"px; height:"+imh+"px; z-index:2; visibility:visible;'>");
document.write("<table border="+bwidth+"px ><tr><td nowrap><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></td></tr></table>");document.write("</div></div>");
document.write("<style>");
document.write("body { margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;width:100%;height:100%;overflow:hidden;}");
document.write("#panorama {position:absolute; left:"+poslef+"px; top:"+postop+"px; width:"+panwid+"px; height:"+panhei+"px; z-index:1; 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>");