/***************************************************************************************
Copyright (C) 2008 Andreas Berger
This script is made by and copyrighted to Andreas Berger - andreas_berger@bretteleben.de
It may be used for free as long as this msg is intact!
****************************************************************************************
Version 20081005
***************************************************************************************/
//erforderliche parameter
divid="panorama"; //die id des div containers der das panorama enthalten soll
impad='pics/panorama.jpg'; //pfad zum bild
imwid=2611; //breite des bildes in pixel
imhei=201; //höhe des bildes in pixel
panwid=940; //breite des anzeigebereichs in pixel
panhei=201; //höhe des anzeigebereichs in pixel
//weicht die anzeigehöhe von der höhe des bildes ab, dann wird dieses entsprechend proportional skaliert
speedlangsam=80;
speedmittel=40; //timeout zwischen den einzelnen bewegungen, je kleiner der wert desto schneller das scrollen
speedschnell=20;
move=5; // schrittweite je bewegung in pixel
//das wars auch schon, viel spass :)
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=panwid/2;panhei+=30;contop=(imh*1)+(10*1);
conlefa=panwid/2-conwid;conlefb=panwid/2;

function srlangsam(){
	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("srlangsam()",speedlangsam);}}

function srmittel(){
	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("srmittel()",speedmittel);}}

function srschnell(){
	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("srschnell()",speedschnell);}}

function sllangsam(){
	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("sllangsam()",speedlangsam);}}

function slmittel(){
	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("slmittel()",speedmittel);}}

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

function slschnell(){
	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("slschnell()",speedschnell);}}

function shownow() {
	document.getElementById(divid).style.height=panhei+"px";
	document.getElementById(divid).innerHTML=tp;
	}

tp="<div id='panorama2'>";
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'>";
tp=tp+"<a href='javascript://' onmouseover='noscroll=false; slschnell()' onmouseout='stop()'><div id='leftschnell'></div></a>";
tp=tp+"<a href='javascript://' onmouseover='noscroll=false; slmittel()' onmouseout='stop()'><div id='leftmittel'></div></a>";
tp=tp+"<a href='javascript://' onmouseover='noscroll=false; sllangsam()' onmouseout='stop()'><div id='leftlangsam'></div></a>";
tp=tp+"</div>";
//tp=tp+"<div id='left'><a href='javascript://' onmouseover='noscroll=false; sl()' onmouseout='stop()'>&lt;</a></div>";
tp=tp+"<div id='right'>";
tp=tp+"<a href='javascript://' onmouseover='noscroll=false; srlangsam()' onmouseout='stop()'><div id='rightlangsam'></div></a>";
tp=tp+"<a href='javascript://' onmouseover='noscroll=false; srmittel()' onmouseout='stop()'><div id='rightmittel'></div></a>";
tp=tp+"<a href='javascript://' onmouseover='noscroll=false; srschnell()' onmouseout='stop()'><div id='rightschnell'></div></a>";
tp=tp+"</div>";
tp=tp+"<</div>";

document.write("<style>");
document.write("#panorama2 {position:absolute;width:"+panwid+"px; height:201px; clip:rect(0px,"+panwid+"px,"+panhei+"px,0px); overflow:hidden;}");
document.write("#left {background:url(pics/button_links.png) no-repeat 10% center; opacity:0; position:absolute; left:0px; top:0px; width:330px; height:"+imhei+"px; z-index:3; text-align:right;}");
//document.write("#left:hover{background-image:url(pics/left.png); background-position:left; background-repeat:no-repeat;}");
document.write("#leftlangsam{position:absolute; left:220px; width:110px; height:201px; z-index:4; text-align:right;}");
document.write("#leftmittel{position:absolute; left:110px; width:110px; height:201px; z-index:4; text-align:right;}");
document.write("#leftschnell{position:absolute; left:0px; width:110px; height:201px; z-index:4; text-align:right;}");
document.write("#right {background:url(pics/button_rechts.png) no-repeat 90% center; opacity:0; position:absolute; right:0px; top:0px; width:330px; height:"+imhei+"px; z-index:3; text-align:left;}");
//document.write("#right:hover{background-image:url(pics/right.png); background-position:right; background-repeat: no-repeat;}");
document.write("#rightlangsam{position:absolute; right:220px; width:110px; height:201px; z-index:4; text-align:left;}");
document.write("#rightmittel{position:absolute; right:110px; width:110px; height:201px; z-index:4; text-align:left;}");
document.write("#rightschnell{position:absolute; right:0px; width:110px; height:201px; z-index:4; text-align:left;}");
document.write("#right a, #left a {text-decoration:none;}");
document.write("</style>");

onload=shownow;