if (window.addEventListener)
{
  window.addEventListener("load",initShow,false);
}
else
{
  window.attachEvent("onload",initShow);
 }

var pictures = new Array();
var akt=0;
var numPictures=4;
var speed=4000;
var link_urls = new Array();
var img_urls = new Array();

function initVars()
{
	link_urls[0] = "http://www.citysearch.de/duesseldorf/restaurant.htm";
	link_urls[1] = "http://www.citysearch.de/muenchen/shopping.htm";
	link_urls[2] = "http://www.citysearch.de/hamburg/musical.htm";
	link_urls[3] = "http://www.citysearch.de/stuttgart/spa-beauty.htm";
	img_urls[0] = "http://www.citysearch.de/images/slideshow/1.jpg";
	img_urls[1] = "http://www.citysearch.de/images/slideshow/2.jpg";
	img_urls[2] = "http://www.citysearch.de/images/slideshow/3.jpg";
	img_urls[3] = "http://www.citysearch.de/images/slideshow/4.jpg";
}


function initShow()
{
	if(!document.getElementById || !document.createElement)return;

	initVars();

	// erstes Bild wird eingelesen
	picture = document.getElementById("slideshow").getElementsByTagName("img");
	document.getElementById("slideshow").setAttribute("href",link_urls[0]);
	pictures[0] = picture[0];
	pictures[0].style.display = "block";
	pictures[0].xOpacity = .99;

	pictures[1] = new Image();
	pictures[1].src = img_urls[1];
	pictures[1].xOpacity = 0;
	document.getElementById("slideshow").appendChild(pictures[1]);

	setTimeout(fade,speed);
	newImage();
}

function fade()
{
	opacity_curr = pictures[akt].xOpacity;
	next = pictures[akt+1]?akt+1:0;
	opacity_next = pictures[next].xOpacity;

	opacity_curr-=.05;
	opacity_next+=.05;

	pictures[next].style.display = "block";
	pictures[akt].xOpacity = opacity_curr;
	pictures[next].xOpacity = opacity_next;

	setOpacity(pictures[akt]);
	setOpacity(pictures[next]);

	if(opacity_curr<=0.5)
	{
	  document.getElementById("slideshow").setAttribute("href",link_urls[next]);
	}

	if(opacity_curr<=0)
	{
		pictures[akt].style.display = "none";
		akt = next;
		setTimeout(fade,speed);
		newImage();
	}
	else
	{
		setTimeout(fade,50);
	}

}

	function setOpacity(obj)
	{
		if(obj.xOpacity>.99)
		{
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}

function newImage()
{
	if ((akt < (numPictures-2)) && (pictures.length < numPictures))
	{
		pictures[akt+2] = new Image();
		pictures[akt+2].src =  img_urls[akt+2];
		pictures[akt+2].xOpacity = 0;
		document.getElementById("slideshow").appendChild(pictures[akt+2]);
	}
}