var BildAbstand = 10;
var BildBreite = 160;
var containerBreite = 1027;
var sliding=false;

function preloader(){
    if (!document.preImages){
		preImages = new Array();
    }
    loadpics();
}

function loadpics(){
	for (z = 0; z < video.length; z++){
    	preImages[z] = new Image();
		preImages[z].src = video[z]["img"];
	}
	check(0);
}

function check(done){
	for (z = 0; z < preImages.length; z++){
		if (preImages[z].complete){
			if (done<preImages.length){
				done++;
			}else{
				document.getElementById('PreloadImg').style.display="none";
				document.getElementById('slideshow').style.display="inline";
				populate();
				return;
			}
		}
 	}
	setTimeout("check("+done+")",10);     
}

function populate(){
	var BildMenge = parseInt((containerBreite / BildBreite) + 2);
	var BildAnzahl = video.length;
	document.getElementById('slide_1').style.right = "-"+ ((BildAbstand / 2)+BildBreite) +"px";
	if(BildAnzahl < BildMenge){
		var BildDifferenz = BildMenge - BildAnzahl;
		var BildCounter = BildAnzahl;
		for (i=0; i<BildDifferenz; i++){
			if(i >= BildAnzahl){
				BildDifferenz = BildDifferenz - i;
				i = 0;
			}
			video[BildCounter]=new Object();
			video[BildCounter]['img'] = video[i]['img'];
			video[BildCounter]['link'] = video[i]['link'];
			BildCounter++;
		}
	}
	var BildAnzahl = video.length;
	for(i=0; i<BildAnzahl; i++){
		Append(i, video);
	}
	for(i=0; i<BildAnzahl; i++){
		var bildID=BildAnzahl - i -1;
		document.getElementById("bild_" + bildID).style.right = (i * ((BildAbstand / 2) + BildBreite)) +"px";
	}
	startSlide();
}
function startSlide(){
	sliding=true;
	Slider = window.setInterval("slide()", 40);
}
function Append(i, video){
		var fragment = document.createDocumentFragment();
		var newLink = document.createElement("a");
		
		fragment.appendChild(newLink);
		fragment.lastChild.setAttribute("href", video[i]['link']);
		fragment.lastChild.setAttribute("id", "bild_" + i);
		fragment.lastChild.setAttribute("name", i);
		fragment.lastChild.style.cssText = "position:absolute; right:0px; z-index:1;";
		
		var newImg = document.createElement("img");
		
		fragment.lastChild.appendChild(newImg);
		fragment.lastChild.firstChild.style.cssText = "border:0px;";
		fragment.lastChild.firstChild.setAttribute("src", video[i]["img"]);
		
		document.getElementById('slide_1').appendChild(fragment);
}
function slide(){
	verschieben=parseInt(document.getElementById('slide_1').style.right)+3;
	document.getElementById('slide_1').style.right=verschieben+"px";
	if(verschieben>=0){
		swap();
	}
}
function swap(){
	document.getElementById('slide_1').style.right="-"+((BildAbstand / 2)+BildBreite-1)+"px";
	BildAnzahl=video.length;
	for(i=0;i<BildAnzahl;i++){
		var bildID="bild_"+i;
		var jump=parseInt(document.getElementById(bildID).style.right);
		document.getElementById(bildID).style.right=(jump+(BildAbstand/2)+BildBreite)+"px";
	}
	var LastChildName=document.getElementById('slide_1').firstChild.name;
	var RemoveFirstChild=document.getElementById('slide_1').firstChild;
	document.getElementById('slide_1').removeChild(RemoveFirstChild);
	Append(LastChildName, video);
}