// <script>
var banner = {
	// Variablen setzen
	slidewidth: 150,
	slideheight: 49,
	slidebgcolor: "#9a0000",
	copyspeed: 1,
	margins: 49,

	// interne Variablen
	actualwidth: 0,

	addEvent: function(elm, evType, fn, useCapture) {
		// cross-browser event handling for IE5+, NS6 and Mozilla
		// By Scott Andrew
		if (elm.addEventListener) {
			elm.addEventListener(evType, fn, useCapture);
			return true;
		} else if (elm.attachEvent) {
			var r = elm.attachEvent('on' + evType, fn);
			return r;
		} else {
			elm['on' + evType] = fn;
		}
	},

	init: function() {
		// Ziele suchen
		var bannerarea = document.getElementById('bannerarea');
		if (!bannerarea) return; // nur weitermachen, wenn banner eingef&uuml;gt wurde.
		var wrapper = document.getElementById('banner_wrapper');

		// Bannerbereich mit CSS versehen, Bilder verdoppeln und einf&uuml;gen und Funktionsaufrufe verteilen.
		wrapper.style.width = banner.slidewidth;

		banner.actualwidth = ( bannerarea.firstChild.offsetWidth );

		with ( bannerarea.style ) {
			position = 'relative';
			width = banner.slidewidth + 'px';
			height = banner.slideheight + 'px';
			overflow = 'hidden';
		}

		with ( bannerarea.firstChild.style ) {
			position = 'absolute';
			top = left = 0;
			marginLeft = marginRight = '-' + banner.margins + 'px';
			width = banner.actualwidth;
		}

		var banner2 = bannerarea.firstChild.cloneNode(true);
		bannerarea.appendChild(banner2);

		bannerarea.firstChild.id = 'banner1';
		bannerarea.lastChild.id = 'banner2';
		bannerarea.lastChild.style.left = '-9000px';

		// Bildern eine Stopfunktion zuteilen
		var images = document.getElementById('bannerarea').getElementsByTagName('img')
		for (var i = 0; i < images.length; i++){
			banner.addEvent(images[i], 'mouseover', banner.timerStop, false);
			banner.addEvent(images[i], 'mouseout', banner.timerStart, false);
		}

		// bannerarea in den wrapper verschieben.
		wrapper.appendChild(bannerarea);

		banner.timerStart();
	},

	timerStart: function() {
		banner.TIMERID = setInterval("banner.slideleft()",41);
	},

	timerStop: function() {
		clearInterval(banner.TIMERID);
	},

	slideleft: function() {
		var cross_slide = document.getElementById('banner1');
		var cross_slide2 = document.getElementById('banner2');

		if ( parseInt(cross_slide.style.left) > (banner.actualwidth*(-1) )) {
			cross_slide.style.left=( parseInt(cross_slide.style.left)-banner.copyspeed ) + 'px';
		} else {
			cross_slide.style.left=( parseInt(cross_slide2.style.left)+banner.actualwidth) + 'px';
		}

		if (parseInt(cross_slide2.style.left) > (banner.actualwidth*(-1) )) {
			cross_slide2.style.left=( parseInt(cross_slide2.style.left)-banner.copyspeed ) + 'px';
		} else {
			cross_slide2.style.left=( parseInt(cross_slide.style.left)+banner.actualwidth) + 'px';
		}
	}
}
var bannerPresent = true;
banner.addEvent(window, 'load', banner.init, false);