images = new Array();

images[0] = new Array('/images/lieferanten/agc.jpg', 'http://www.agc-glass.eu/');
images[1] = new Array('/images/lieferanten/autoglaser.png', 'http://www.autoglaser.de/');
images[2] = new Array('/images/lieferanten/dow.gif', 'http://www.dowautomotive.com/');
images[3] = new Array('/images/lieferanten/icor.jpg', 'http://www.icor.be/index_de.htm');
images[4] = new Array('/images/lieferanten/llumar.jpg', 'http://www.llumar.com/de/');
images[5] = new Array('/images/lieferanten/pilkington.png', 'http://www.pilkington.com/europe/germany/german/default.htm');
images[6] = new Array('/images/lieferanten/pma.gif', 'http://www.pma-tools.net/de/home.html');
images[7] = new Array('/images/lieferanten/pro_glass.jpg', 'http://www.proglass.de/');
images[8] = new Array('/images/lieferanten/saint-gobain.jpg', 'http://www.saint-gobain.de/');

var elem1;
var elem2;
var width = 150;

function initSlide() {
	//Die beiden Div für die Bilder erstellen (Verwendung für 2 für "Kreis"-Effekt)
	document.getElementById('slideshow_lieferanten').innerHTML = '<div id="slideshow_lieferanten_01"></div><div id="slideshow_lieferanten_02"></div>';
	
	//Das erste Bild kommt in das erste Div
	elem1 = document.getElementById('slideshow_lieferanten_01');
	elem1.innerHTML = '<a href="' + images[0][1] + '" target="_new"><img src="' + images[0][0] + '" alt="" /></a>';
	
	//Die Restlichen werden in das zweite Div geschrieben
	var slideshow_02 = '';
	for(var i=1;i<images.length;i++) {
			slideshow_02 += '<a href="' + images[i][1] + '" target="_new"><img src="' + images[i][0] + '" alt="" /></a>';
	}
	elem2 = document.getElementById('slideshow_lieferanten_02');
	elem2.innerHTML = slideshow_02;
	
	//Element für alle Bilder breit genug machen
	elem2.style.width = (width*images.length)+'px';
	
	window.setTimeout('slide(2, 1, 3000,'+width+', 0, 0)', 1500);
}

function slide(step, speed, wait, width, left1, left2) {	
	left1 -= step;
	left2 -= step;
	elem1.style.left = left1+'px';
	elem2.style.left = left2+'px';
	
	if(left1 == -(width)) {
		left1 = width*(images.length-1);
		elem1.style.left = left1+'px';
	}
	if(left2 == -(width*images.length)) {
		left2 = 0;
		elem2.style.left = left2+'px';
	}
		
	if(left1%width == 0) {
		window.setTimeout('slide('+step+','+speed+','+wait+','+width+','+left1+','+left2+')', wait);
		return;
	}
	window.setTimeout('slide('+step+','+speed+','+wait+','+width+','+left1+','+left2+')', speed);
		
}


function test() {
	alert("hug");
}