var imageshome = new Array(
  '/files/homepagina1.jpg',
  '/files/homepagina2.jpg',
  '/files/homepagina3.jpg',
  '/files/homepagina4.jpg',
  '/files/homepagina5.jpg',
  '/files/homepagina6.jpg');

var imageshistorie = new Array(
   '/files/historie1.jpg',
  '/files/historie2.jpg',
  '/files/historie3.jpg',
  '/files/historie4.jpg');

var images;
var containername;
var containerAvailable = false;
var imageWidth = 245;
var imageHeight = 163;
var imageTimeout = 2000;
var nextImage = 1;

function isset(variable_name)
{
	try
	{
	if (typeof(eval(variable_name)) != 'undefined')
	if (eval(variable_name) != null)
	return true;
	} 
	catch(e) { }
	return false;
}

function pageLoad() {
 
  el = document.getElementById('fading_image_container_home');
if(isset(el))
	{
	images = imageshome;
	containername = 'fading_image_container_home';
	containerAvailable = true;
	}
else
	{
	 el = document.getElementById('fading_image_container_historie');
	 if(isset(el))
		{
		images = imageshistorie;
		containername = 'fading_image_container_historie';
		containerAvailable = true;
		}
	}

if(containerAvailable)
	{
		
	while (el.firstChild) { el.removeChild(el.firstChild); }
	
	el.style.width = imageWidth + 'px';
	el.style.height = imageHeight + 'px';
	
	for(var i=0; i<images.length; i++) 
		{
		var t = document.createElement('IMG');
		t.setAttribute('src',images[i]);
		t.setAttribute('width',imageWidth);
		t.setAttribute('height',imageHeight);
		t.style.position = 'absolute';
		t.style.visibility = 'hidden';
		el.appendChild(t);
		}
	
	el.firstChild.style.visibility = 'visible';
	
	window.setTimeout(startFading, imageTimeout);
	}

}

function startFading() {

  var el = document.getElementById(containername).childNodes[nextImage];

  el.style.visibility = 'visible';
  el.style.zIndex = 2;
  setOpacity(el, 0);
  fadeImage(el,0);

  nextImage = (nextImage < images.length-1) ? nextImage + 1 : 0;

}

function fadeImage(el, currentOpacity) {

  currentOpacity += 5;

  if (currentOpacity > 100) {
    setOpacity(el, 100);
    var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
    prevEl.style.visibility = 'hidden';
    el.style.zIndex = 1;
    window.setTimeout(startFading, imageTimeout);
  }
  else {
    setOpacity(el, currentOpacity);
    window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
  }

}

function setOpacity(el, opacity) {

	opacity /= 100;

	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";

}

window.onload = pageLoad;