/*
Folgende CSS-Formatierungen müssen in die Datei kopiert werden in der das Skript verwendet werden soll:

			.slide_img
			{
				border: none;
				display: block;	
			}
			
			a.slideanchor
			{
				display: block;	
			}

Um die Slideshow in Ihr HTML-Dokument einzubinden einfach diese Codezeile an der Stelle einfügen, an der Sie
die Slideshow haben wollen:

			<script language="JavaScript" src="slideshow_vertical.js" type="text/javascript"></script>
*/

//Breite des sichtbaren Bereiches (in Pixeln)var sliderwidth="248px"//Höhe des sichtbaren Bereiches (in Pixeln)var sliderheight="660px" //Höhe errechnet sich aus: ((Anzahl der Bilder - 1) * imagedistance) + (Anzahl der Bilder * Bildhöhe)//Scrollgeschwindigkeit (höher ist schneller, zu empfehlende Werte: 1-10)var slidespeed=1//Hintergrundfarbe konfigurieren:slidebgcolor=""

//Abstand zwischen den Bildern, der Zahlenwert wird später als Pixelwert verwendet:var imagedistance=10//Specify the slider's imagesvar leftrightslide=new Array()var finalslide=''leftrightslide[0]='<a class="slideanchor" style="margin-top:'+imagedistance+'px;" href="http://www.sw-duerkheim.de/" target="_blank"><img src="/energie/logos/badduerkheim.jpg" class="slide_img"></a>'leftrightslide[1]='<a class="slideanchor" style="margin-top:'+imagedistance+'px;" href="http://www.stadtwerke-deidesheim.de/home/home.html" target="_blank"><img src="/energie/logos/deidesheim.jpg" class="slide_img"></a>'leftrightslide[2]='<a class="slideanchor" style="margin-top:'+imagedistance+'px;" href="http://www.stadtwerke-frankenthal.de/" target="_blank"><img src="/energie/logos/frankenthal.jpg" class="slide_img"></a>'
leftrightslide[3]='<a class="slideanchor" style="margin-top:'+imagedistance+'px;" href="http://www.stw-ger.de/" target="_blank"><img src="/energie/logos/germersheim.jpg" class="slide_img"></a>'
leftrightslide[4]='<a class="slideanchor" style="margin-top:'+imagedistance+'px;" href="http://www.gwhassloch.de/" target="_blank"><img src="/energie/logos/hassloch.jpg" class="slide_img"></a>'
leftrightslide[5]='<a class="slideanchor" style="margin-top:'+imagedistance+'px;" href="http://www.twl.de/" target="_blank"><img src="/energie/logos/ludwigshafen.jpg" class="slide_img"></a>'
leftrightslide[6]='<a class="slideanchor" style="margin-top:'+imagedistance+'px;" href="http://www.stadtwerkeneustadt.de/" target="_blank"><img src="/energie/logos/neustadt.jpg" class="slide_img"></a>'
leftrightslide[7]='<a class="slideanchor" style="margin-top:'+imagedistance+'px;" href="http://www.stw-pirmasens.de/" target="_blank"><img src="/energie/logos/pirmasens.jpg" class="slide_img"></a>'
leftrightslide[8]='<a class="slideanchor" style="margin-top:'+imagedistance+'px;" href="http://www.sws.speyer.de/" target="_blank"><img src="/energie/logos/speyer.jpg" class="slide_img"></a>'

////BITTE IM NACHFOLGENDEN CODE KEINE ÄNDERUNGEN VORNEHMEN////////////
var slideshowgap=0
var imagegap=""var copyspeed=slidespeedleftrightslide=''+leftrightslide.join(imagegap)+''var iedom=document.all||document.getElementById
if (iedom)	document.write('<span id="temp" style="visibility:hidden; position:absolute; top:-9000px; left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''var cross_slide, ns_slidefunction fillup()
{	if (iedom)
	{		cross_slide=document.getElementById? document.getElementById("laeufer1") : document.all.test2		cross_slide2=document.getElementById? document.getElementById("laeufer2") : document.all.test3		cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide		actualwidth=document.all? cross_slide.offsetHeight : document.getElementById("temp").offsetHeight		cross_slide2.style.top=actualwidth+slideshowgap+"px"	}	else if (document.layers)
	{		ns_slide=document.ns_slidemenu.document.ns_slidemenu2		ns_slide2=document.ns_slidemenu.document.ns_slidemenu3		ns_slide.document.write(leftrightslide)		ns_slide.document.close()		actualwidth=ns_slide.document.height		ns_slide2.top=actualwidth+slideshowgap		ns_slide2.document.write(leftrightslide)		ns_slide2.document.close()	}
	
	lefttime=setInterval("slidetop()",30)}
window.onload=fillup

function slidetop()
{	if (iedom)
	{		if (parseInt(cross_slide.style.top)>(actualwidth*(-1)+8))			cross_slide.style.top=parseInt(cross_slide.style.top)-copyspeed+"px"		else			cross_slide.style.top=parseInt(cross_slide2.style.top)+actualwidth+slideshowgap+"px"		if (parseInt(cross_slide2.style.top)>(actualwidth*(-1)+8))			cross_slide2.style.top=parseInt(cross_slide2.style.top)-copyspeed+"px"		else			cross_slide2.style.top=parseInt(cross_slide.style.top)+actualwidth+slideshowgap+"px"	}	else if (document.layers)
	{		if (ns_slide.top>(actualwidth*(-1)+8))			ns_slide.top-=copyspeed		else			ns_slide.top=ns_slide2.top+actualwidth+slideshowgap		if (ns_slide2.top>(actualwidth*(-1)+8))			ns_slide2.top-=copyspeed		else			ns_slide2.top=ns_slide.top+actualwidth+slideshowgap	}}
if (iedom||document.layers)
{	with (document)
	{		if (iedom)
		{			write('<div id="begrenzung" style="position:relative; overflow:hidden; width:'+sliderwidth+';height:'+sliderheight+';">')			write('<div id="steuerung" style="position:absolute; width:'+sliderwidth+'; height:'+sliderheight+'; background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')			write('<div id="laeufer1" style="position:absolute; left:0px; top:0px;"></div>')			write('<div id="laeufer2" style="position:absolute; left:0px; top:-1000px;"></div>')			write('</div></div>')		}		else if (document.layers)
		{			write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')			write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')			write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')			write('</ilayer>')		}	}}


/*
Originalcode von: Conveyor belt (http://www.dynamicdrive.com/)
Weiterentwickelt von: Simon Bösen
*/