//	Nächster Schritt der scrollenden Bilderleiste
function scroller_nextStep() {

	g_scroller_posXCurrent				+=	g_scroller_stepX;

	//	WICHTIG
	//	Wir fangen mit 10 Pixel Puffer links an und hören auf, wenn das rechteste
	//	Bild plus 10 px rechts davon zu sehen sind. Dann drehen wir die Richtung.

	if ( g_scroller_stepX < 0 ) {

		//	Scolling läuft nach links

		if ( g_scroller_posXCurrent + g_scroller_totalWidth  < g_scroller_viewWidth - 10 ) {

			//	Ist alles sichtbar -> umdrehen

			g_scroller_stepX		=	g_scroller_stepX * -1;
		}

	}
	else {

		//	Wir scrollen nach rechts

		if ( g_scroller_posXCurrent > 10 ) {

			//	Links ganz da -> umdrehen

			g_scroller_stepX		=	g_scroller_stepX * -1;

		}

	}

	g_scroller_elementInside.style.left	=	g_scroller_posXCurrent + 'px';

}


//	Startet das Scrolling der kleinen Bilder
function scroller_startScroll() {

	if ( !document.getElementById ) {
		return;
	}

	//	Initialisieren

	g_scroller_elementOutside		=	document.getElementById( 'layout_scroller' );
	g_scroller_elementInside		=	document.getElementById( 'layout_scroller_inside' );

	if ( !g_scroller_elementOutside  ||  !g_scroller_elementInside ) {
		return;
	}

	if ( typeof( g_scroller_elementOutside.offsetWidth ) == 'undefined' ) {
		return;
	}

	g_scroller_posXCurrent		=	10;
	g_scroller_viewWidth		=	g_scroller_elementOutside.offsetWidth;

	g_scroller_elementInside.style.left	=	'0px';

	window.setInterval( "scroller_nextStep()", 100 );
}


function scroller_openBig( url ) {

	var	widthWindow			=	460;
	var	heightWindow		=	460;

	var	screenX				=	50;
	var	screenY				=	50;

	var	myWin				=	window.open( url, 'scroller', 'width=' + widthWindow + ',height=' + heightWindow + ',screenX=' + screenX + ',screenY=' + screenY + ',scrollbars=no,locationbar=no,menubar=no,resizable=yes,status=no' );

	//	Ob Link noch ausgeführt werden soll.
	return	false;

}


function scroller_builtScroller() {

	var	i, source, url, num, urlSmall, urlBig;

	source				=	"<div id=\"layout_scroller_inside\">";

	for ( i = 1; i <= g_scroller_countImages; i++ ) {
		if ( i < 10 ) {
			number				=	"0" + i; 
		}
		else {
			number				=	i; 
		}
		urlSmall			=	pathImagesBase + "ltg-mini-" + number + ".jpg";
		urlBig				=	pathImagesBase + "ltg" + number + ".jpg"; 
		source				+=	"<img src=\""+ urlSmall + "\" width=\"120\" height=\"120\" alt=\"Eindrücke aus unserem Betrieb und von Hamburg\" onclick=\"scroller_openBig( '" + urlBig + "' );\">";
	}

	source				+=	"</div>";

	document.write( source );

	window.setTimeout( "scroller_startScroll()", 500 );

}

var pathImagesBase				=	"/Z/site_data_ltg/images/";
var	g_scroller_countImages		=	14;
var	g_scroller_elementOutside	=	null;
var	g_scroller_elementInside	=	null;
var	g_scroller_viewWidth		=	-1;				//	Wird oben dynamisch gesetzt
var	g_scroller_totalWidth		=	g_scroller_countImages * 120;
var	g_scroller_posXCurrent		=	0;
var	g_scroller_stepX			=	-5;