var sliderwidth = 800; // Breite der Laufleiste
var sliderheight = 135; // Höhe der Laufleiste
// Geschwindigkeit des Sliders
// Negative Zahl bedeutet Bewegung nach links, positive Zahl Bewegung nach rechts
// Keine Kommazahlen angeben
var slidespeed = 1;
var i = 0;
var leftrightslide = new Array();

/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = '<a href=""><img src="css/center/1.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/2.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/3.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/4.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/5.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/6.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/7.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/8.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/9.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/10.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/11.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/12.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/13.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/14.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/15.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/16.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/17.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/18.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/19.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/20.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/21.jpg"></a>';
leftrightslide[i++] = '<a href=""><img src="css/center/22.jpg"></a>';

/* AB HIER NICHTS MEHR ÄNDERN */
var copyspeed = slidespeed;
var actualspeed = slidespeed;
var actualwidth = '';
var cross_slide, ns_slide;
leftrightslide = leftrightslide.join("");


function setLaufleiste(){
	cross_slide  = document.getElementById("laufleiste1");
	cross_slide2 = document.getElementById("laufleiste2");
	actualwidth  = cross_slide.offsetWidth;
	cross_slide.style.left  = "0px";
	cross_slide2.style.left = actualwidth + "px";

	lefttime=setInterval("slide()",30);
}

function slide(){
	if(actualspeed>0) {
		if (parseInt(cross_slide.style.left)>(actualwidth*(-1)))
			cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px";
		else
			cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth-copyspeed+"px";

		if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)))
			cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px";
		else
			cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+"px";
			
	} else if (actualspeed<0) {
		if (parseInt(cross_slide.style.left)<sliderwidth)
			cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px";
		else
			cross_slide.style.left=parseInt(cross_slide2.style.left)-actualwidth-copyspeed+"px";

		if (parseInt(cross_slide2.style.left)<sliderwidth)
			cross_slide2.style.left = parseInt(cross_slide2.style.left)-copyspeed+"px";
		else
			cross_slide2.style.left = parseInt(cross_slide.style.left)-actualwidth+"px";
	}
}

function laufleiste() {
	document.write('<div id="laufleiste" style="width:' + sliderwidth + 'px;height:' + sliderheight + 'px;">');
	document.write('	<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden;" onMouseover="copyspeed=0" onMouseout="copyspeed=actualspeed">');
	document.write('		<span id="laufleiste1">' + leftrightslide + '</span>');
	document.write('		<span id="laufleiste2">' + leftrightslide + '</span>');
	document.write('	</div>');
	document.write('</div>');
}

function changeSlide(dir) {
	if(dir == 'left') {
		actualspeed = Math.abs(slidespeed)
	} else if (dir == 'right') {
		actualspeed = Math.abs(slidespeed)*(-1);
	} else {
		actualspeed = 0;
	}
	copyspeed   = actualspeed;
}