var nrOfPictures = dropimages[0].length; 	//Anzahl der Bilder die dargestellt werden sollen
var actualSliderPicture=0;						//aktuell dargestelltes Bild
var actualContainerNr=0;					//aktueller Container
var elementHasLink=new Array();				//gibt an, ob der entsprechende Container(Arraynummer) ein link hat oder nicht

//Bilder vorladen
image1=new Image();
image1.src=dropimages[0][0];
image1.onload=function(){
//alert("hallo");
initSlider();
preloadSlider();
};



//Variablen initialisieren
elementHasLink[0]=1;
elementHasLink[1]=1;

//Arrays erstellen, um Dokument abbilden zu könne
var mainContainer=document.getElementById("BilderContainer");	//enthält den Container in dem alles angezeigt wird (<div> tags im html)
var SlideContainer=new Array(2);								//enthält die Container (<div> tags im html)
var HyperlinkSlider=new Array(2);										//enthält die Hyperlinks (<a> tags im html)
var SlidePics=new Array(2);										//enthält die Bilder (<img> tags im html)

//Resourcen aus den Document lesen und in Arrays packen
SlideContainer[0]=document.getElementById("BilderContainerContent1");
SlideContainer[1]=document.getElementById("BilderContainerContent2");

SlidePics[0]=document.getElementById("SliderFrame1");
SlidePics[1]=document.getElementById("SliderFrame2");
SlidePics[0].src=dropimages[0][0];
SlidePics[1].src=dropimages[0][0];

HyperlinkSlider[0]=document.getElementById("PicLink1");
HyperlinkSlider[1]=document.getElementById("PicLink2");
HyperlinkSlider[0].href=dropimages[1][0];
HyperlinkSlider[1].href=dropimages[1][0];


var width
function initSlider(){
width =	image1.width;
SlideContainer[0].style.height=image1.height+"px";
SlideContainer[0].style.width=width+"px";
SlideContainer[1].style.height=image1.height+"px";
SlideContainer[1].style.width=width+"px";
setCorrectPosition();
mainContainer.style.width=width+"px";
mainContainer.style.height=image1.height+"px";
$(mainContainer).css("overflow" , "hidden");
//alert(image1.width+";"+image1.height);
}






//Intervall starten
$(function() {   
	HyperlinkSlider[actualContainerNr].href=dropimages[1][actualSliderPicture];
	HyperlinkSlider[actualContainerNr].name=dropimages[2][actualSliderPicture];
	HyperlinkSlider[actualContainerNr].title=dropimages[2][actualSliderPicture];
	HyperlinkSlider[actualContainerNr].alt=dropimages[2][actualSliderPicture];
	if(elementHasLink[0] && dropimages[1][(actualSliderPicture)]=='#'){
		removeLink(0);
	}
	if(elementHasLink[1] && dropimages[1][(actualSliderPicture)]=='#'){
		removeLink(1);
	}  
	initSlider();   
	setTimeout(startSlide,dropimages[3][(actualSliderPicture)%nrOfPictures]*1000);  
}); 
     

//Slide von Links nach Rechts
function slideRig(PicNr){
		SlideContainer[PicNr].style.left = (-width) + "px";
}

//Slide von Rechts nach Links
function slideLeft(PicNr){
		SlideContainer[PicNr].style.marginLeft = (width) + "px";
		//alert(width);
}

//auslösen des Sliders
function startSlide() {
	initSlider();
	actualContainerNr=(actualContainerNr+1)%2;
	actualSliderPicture=(actualSliderPicture+1) % nrOfPictures;
	slideLeft(actualContainerNr);
	SlideContainer[actualContainerNr].style.zIndex= 2;
	SlideContainer[(actualContainerNr+1)%2].style.zIndex= 1; 
	$(SlidePics[actualContainerNr]).attr({src:dropimages[0][actualSliderPicture]});
		if(elementHasLink[actualContainerNr] && dropimages[1][(actualSliderPicture)]=='#'){
		removeLink(actualContainerNr);
	}
	if(!elementHasLink[actualContainerNr] && dropimages[1][(actualSliderPicture)]!="#"){
		addLink(actualContainerNr,actualSliderPicture);
	}
	HyperlinkSlider[actualContainerNr].href=dropimages[1][actualSliderPicture];
	HyperlinkSlider[actualContainerNr].name=dropimages[2][actualSliderPicture];
	HyperlinkSlider[actualContainerNr].title=dropimages[2][actualSliderPicture];
	HyperlinkSlider[actualContainerNr].alt=dropimages[2][actualSliderPicture];
	//alert("1:"+SlideContainer[0].offsetHeight+"px");
	$(function(){
	setCorrectPosition();
	});
	//alert("3:"+SlideContainer[0].offsetHeight+"px");
	$(SlideContainer[actualContainerNr]).animate({marginLeft:'0px'},3000, function(){
                setTimeout(startSlide,dropimages[3][(actualSliderPicture)%nrOfPictures]*1000);
                }
      );
}


//löscht den Link aus dem Dokument
function removeLink(ElementNr){
	(SlideContainer[ElementNr]).removeChild(HyperlinkSlider[ElementNr]);
	(SlideContainer[ElementNr]).appendChild(SlidePics[ElementNr]);
	elementHasLink[ElementNr]=0;
}

//fügt einen Link in ein Dokument
function addLink(ElementNr,actualSliderPicture){
	SlideContainer[ElementNr].removeChild(SlidePics[ElementNr]);
	SlideContainer[ElementNr].appendChild(HyperlinkSlider[ElementNr]);
	HyperlinkSlider[ElementNr].appendChild(SlidePics[ElementNr]);
	elementHasLink[ElementNr]=1;
}

function setCorrectPosition(){
	SlideContainer[0].style.top="0px";
	SlideContainer[1].style.top=-SlideContainer[0].offsetHeight+"px";
}

function preloadSlider()
{
  for (i = 1; i < nrOfPictures; i++) {
  	var image=new Image()
    image.src = dropimages[0][i];
  }
}