// © www.Your-Pagedesign.de

var images = new Array(
				'images/slideshow/SlideShow1.jpg',
				'images/slideshow/SlideShow2.jpg',
				'images/slideshow/SlideShow3.jpg',
				'images/slideshow/SlideShow4.jpg',
				'images/slideshow/SlideShow5.jpg'
				// Diese Bilder sind die standard Windows XP Bilder
			);

var kette;
	function imageLine()
	{
		
		var ScreenRes = screen.width;
		
		var	checkInterval = null,
			imageLineInterval = null,
			currentImage = -1;
		/*
			Variablen die man in
			verschiedenen Funktionen benötigt
		*/
		// Alle Bilder die angezeigt werden sollen
		
		loadingImages = new Array();
		// Dieses Array enthält später alle Objekte
		this.run = function()
		{
			checkInterval = window.setInterval('this.checkIfLoaded();', 100);
			// Alle 100 Millisekunden prüfen ob alle Bilder geladen sind
			for(i = 0;i < images.length;i++)
			{
				image = images[i];
				loadingImages.push(new Image);
				loadingImages[i].src = image;
			}
			/*
				Alle Images in dem Array einzeln Durchgehen.
				Das Array für die Objekte mit den Objekten füllen.
				Dem neuen Objekt die Url des momentanen Bildes geben.
			*/
		}
		
		this.loadBG = function() {
			var height = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
			loadingImagen = new Array();
			for(k = 0;k < images.length;k++)
			{
				imagek = images[k];
				loadingImagen.push(new Image);
				loadingImagen[k].src = imagek;
			}
			bgelement = document.getElementById('bgimageline');
			bgelement.style.height = height + 'px';
			bgelement.style.backgroundImage = 'url(' + loadingImagen[kette].src + ')';
		}
		this.checkIfLoaded = function()
		{
			allLoaded = true;
			for(i = 0;i < loadingImages.length;i++)
			{
				loadingImage = loadingImages[i];
				if(!loadingImage.complete)
					allLoaded = false;
			}
			/*
				Alle Objekte durchgehen.
				Prüfen ob das aktuelle Objekt / Bild geladen ist.
				Falls nicht dann die Variable zur Prüfung auf false setzen
			*/
			if(allLoaded)
			{
				// Wenn alle Objekte / Bilder geladen sind

				// Die Interval für das Prüfen löschen
				window.clearInterval(checkInterval);
				// Das erste Bild anzeigen
				this.startImageLine();
				// Die Funktion für das Bilder wechseln alle 10 Sekunden ausführen
				window.setInterval('this.startImageLine();', 6000);
			}
			
		}
		
		this.startImageLine = function()
		{
			this.showImage();
			// Bild anzeigen
			if(currentImage == (loadingImages.length - 1))
				currentImage = 0;
			else
				currentImage += 1;
				
				kette = currentImage;
			if(currentImage == 0){
				//kette = (images.length - 1);
			}else{
				//kette = currentImage - 1;
			}
			/*
				Aktuelles Bild um eins hochzählen.
				Sollte das momentane Bild genau so groß sein,
				wie das Array dann wieder beim ersten anfangen.
			*/
			
			// Element für die Bilderanzeige
			//element.style.height = loadingImages[currentImage].height + 'px';
			//element.style.width = loadingImages[currentImage].width + 'px';


			if(images[kette]!=""){
			   //bgelement = document.getElementById('bgimageline');
				//bgelement.style.height = height + 'px';
				//bgelement.style.backgroundImage = 'url(' + loadingImagen[kette].src + ')';
				//alert(images[kette]);
			}
			
			
			var width = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
			var height = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
			
			element = document.getElementById('imageline');
			//alert(height);
			element.style.height = height + 'px';
			// Dem Element die Breite und Höhe des momentanen Bildes geben
			element.style.backgroundImage = 'url(' + loadingImages[currentImage].src + ')';
			// Dem Element das aktuelle Bild als Hintergrundbild setzen
			
			window.setTimeout('this.loadBG();this.hideImage();', 5200);
			// Das Bild in 9,5 Sekunden ausblenden
		}
		
		this.hideImage = function()
		{
			element = document.getElementById('imageline');
			for(i = 0;i <= 100;i++)
				window.setTimeout('element.style.filter = "Alpha(opacity=' + (100 - i) + ')"; element.style.MozOpacity = ' + (1 - i / 100) + '; element.style.opacity = ' + (1 - i / 100) + ';', i * 5);
			// Von 0 bis 100 (Prozent)
			// Das i * 5 dient dazu, dass das Ausblenden nicht zu schnell geht
		}
		
		this.showImage = function()
		{
			element = document.getElementById('imageline');
			for(i = 0;i <= 100;i++)
				window.setTimeout('element.style.filter = "Alpha(opacity=' + i + ')"; element.style.MozOpacity = ' + i / 100 + '; element.style.opacity = ' +  i / 100 + ';', i * 5);
			// Hier das selbe wie bei hideImage
		}
		
		this.run();
	}
	
	window.onload = function()
	{
		imageLine();
	}

//---------------------------------------------------------------------------------------------------------

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//---------------------------------------------------------------------------------------------------------------
var reg_count =16;
var akiv = 0;
var my_layer = window.document.getElementById("my_layer1");
function set_order(){
var current_idx=reg_count;
   for(i=1; i <= reg_count; i++){
    var my_layer = window.document.getElementById("my_layer" + i);
    my_layer.style.zIndex=current_idx-1;
   }
}
  
function show_reg(regnum){
  //set_order();
  my_layer = window.document.getElementById("my_layer" + regnum);
  my_layer.style.zIndex=30;
  
  if(akiv == 0){
  	Effect.Appear(my_layer, { duration: 3.0 });
	akiv = 1;
  }else if(akiv == 1){
	  for(i=1; i<=reg_count; i++){
		  layer = window.document.getElementById("my_layer" + i);
		  layer.style.display = "none";
	  }
	  my_layer.style.display = "block";
  }
  
}
function hide_reg(){
  	akiv=0;
	Effect.Fade(my_layer, { duration: 3.0 });
}
//---------------------------------------------------------------------------------------------------------------

var r_count =12;
function set_mit(){
var current_idex=r_count;
   for(i=1; i <= r_count; i++){
    var layers = window.document.getElementById("layers" + i);
    layers.style.zIndex=current_idex--;
   }
}
function show_mit(regnum){
  set_mit();
  var layers = window.document.getElementById("layers" + regnum);
  layers.style.zIndex=30;
}
function show_end(){
  set_mit();
  var layers = window.document.getElementById("layers1");
  layers.style.zIndex=30;
}
//---------------------------------------------------------------------------------------------------------------

var r_counts =7;
function set_map(){
var current_idex=r_counts;
   for(i=1; i <= r_counts; i++){
    var OM = window.document.getElementById("OM" + i);
    OM.style.zIndex=current_idex--;
   }
}
function show_map(regnum){
  set_map();
  var OM = window.document.getElementById("OM" + regnum);
  OM.style.zIndex=30;
}
function map_end(){
  set_map();
  var OM = window.document.getElementById("OM1");
  OM.style.zIndex=30;
}
