// Version:
// Mit Endlosschleife und Dateinamenskonvention.
//
//Dateinamenskonvention:
// Basisname (z.B. bild) + aufsteigende Ziffer + Dateityp (z.B. jpg): also bild1.jpg, bild2.jpg,...
//
//
// Damit es funzt:
// 1. einfach an gewünschter Stelle <div id="bilderrahmen"></div> einfügen.
// mit css so formatieren:
//	#bilderrahmen {
//		position:alsolute; 
//		top:???; left: ???;
//		width: ???; height: ???;
//		overflow:hidden;
//		background-color: ???;
//	}
//
// anschließend Variablen festlegen:
//- Geschwindigkeit (je kleiner, desto schneller, optimal zw. 100 und 20)
var speed = 50;
// Scrollrichtung festlegen (1: nach rechts; -1: nach links, größere Zahlen erhöhen die Geschwindigkeit zusätzlich)
var richtung = 1;
//- Anfangsverzögerung (in ms)
var delay = 2000;
//- Pfad zu den Bilddateien (Format: ordner/ordner)
var bilder_pfad = "bilder/landsberg";
//- Basisdateiname der gewünschten Bilder (z.B. "bild")
var bildname = "landsberg";
//- Dateiendung
var bildtyp = "jpg";
//- Anzahl der Bilder
var bilderzahl = 12;
//- Alt-Text für alle Bilder
var alt_text = "Bilder von Landsberg";
//- Gesamte Breite der Bilder in Pixel (Breite der einzelnen Bilder zusammenrechnen)
var breite = 1096;
//- Anlaufgeschwindigkeit (je kleiner, desto schneller; je nach Geschwindigkeit optimal zw. 0 und 15; 0 bedeutet sofortige Höchstgeschwindigkeit) 
var i = 4;
// und fertig!

// nur ändern, wenn nötig:
//- Anzahl der Wiederholungen der Bilderzeile (Wert erhöhen, wenn der Scrollbereich nicht ganz gefüllt ist.)
var wh = 6;

// ab hier nichts verändern... 
//======================================================================

var erstes_mal = true;
function sgn(zahl) {
	if (zahl > 0) return 1;
	else if (zahl == 0) return 0;
	else if (zahl < 0) return -1;
}
var sgn_faktor =  sgn(richtung);
var startpos = sgn_faktor*-2*breite;
function scroll_start(){
	setTimeout("vorbereiten()", 0);
	setTimeout("bilder_laden()", 0);
	if(window.name) {
		setTimeout("scroll_weiter()", 0)
	} else {	
		setTimeout("scroll_los()", delay)
	}
}
function vorbereiten(){
	var rahmen_div = document.getElementById("bilderrahmen");
	rahmen_div.innerHTML='<div id="scroll_bilder" style="position:absolute;z-index:10;left:0px;top:0px;white-space:nowrap;"></div>';
	}
function bilder_laden() {
var scroll_div = document.getElementById("scroll_bilder");
scroll_div.style.left = startpos + 'px';
bilder = new Array
for (var i=0; i < bilderzahl; i++) {
	bilder[i]= bildname + (i+1) + "." + bildtyp;
}
var abschnitt = "";	
var kette = "";
	for (var i = 0; i < bilder.length; i++){
		abschnitt += "<img src='"+bilder_pfad+"/"+bilder[i]+"' alt='"+alt_text+"'>";
	}
	for (var i = 0; i < wh; i++){
		kette += abschnitt;
	}
scroll_div.innerHTML = kette;
}

function scroll_los() { 
	if (i > 0){
		i--;
		setTimeout("scroll_los()", (speed*i));
		var scroll_div = document.getElementById("scroll_bilder");
		var pos = parseInt(scroll_div.style.left);
		var neu_pos = pos + richtung;
		scroll_div.style.left = neu_pos + 'px';
	}
	else {
	scroll_steuerung = setInterval("scroller()", speed);
	}
}
function scroll_weiter() {
	var scroll_div = document.getElementById("scroll_bilder");
	scroll_div.style.left = window.name + 'px';
	scroll_steuerung = setInterval("scroller()", speed);
}
function scroller(){
	var scroll_div = document.getElementById("scroll_bilder");
	var pos = parseInt(scroll_div.style.left);
	if (pos >= (breite*sgn_faktor*-1)){pos -= breite;};
	var neu_pos = pos + richtung;
	scroll_div.style.left = neu_pos + 'px';
	window.name = neu_pos;
}