var images = new Array(
		["images/1.jpg", "Giulietta", "Giulietta weiss"],
		["images/2.jpg", "Giulietta", "Giulietta rot"],
		["images/3.jpg", "Giulietta", "Giulietta Heckansicht"],
		["images/4.jpg", "Giulietta", "Giulietta Innenansicht"],
		["images/5.jpg", "Giulietta", "Giulietta Nizza"]

		 );
		 
var speed = 10;
var interval = 4000;
var index=oldIndex=0;


function start() {
createBackgroundContainer(document.getElementById('image'));
setTimeout('startFading()',interval);
}

function createBackgroundContainer(element){

	
	var image = document.createElement('img');
	image.setAttribute('id','image');
	image.setAttribute('src',element.src);
	image.setAttribute('alt',element.alt);
	image.style.width=element.width +'px';
	image.style.height=element.height +'px';
	image.style.margin='0';
	
	
	var backgroundContainer = document.createElement('span');
	backgroundContainer.setAttribute('id','backgroundContainer');
	backgroundContainer.style.display='block';
	backgroundContainer.style.float='right';
	backgroundContainer.style.margin='2em auto 0 auto';
	backgroundContainer.style.padding='0';
	backgroundContainer.style.width=element.width +'px';
	backgroundContainer.style.height=element.height +'px';
	backgroundContainer.appendChild(image);
	
	var parent=element.parentNode;
	parent.replaceChild(backgroundContainer,element);
	}
	
	function startFading(){
	var image = document.getElementById('image');
	index = Math.round(Math.random()*(images.length-1));
	while(oldIndex==index){
	index=Math.round(Math.random()*(images.length-1));
	}
	oldIndex=index;
	
	var backgroundContainer=document.getElementById('backgroundContainer');
	backgroundContainer.style.backgroundImage="url('"+ document.getElementById('image').src+"')";
	
	image.style.opacity=0;
	image.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	image.setAttribute('src',images[index][0]);
	image.setAttribute('alt',images[index][1]);
	image.setAttribute('title',images[index][2]);
	
	for(var i=0;i<100;i++){
	setTimeout('fadeIn('+i+')',speed*i);
	}
	setTimeout("startFading()",interval);
	}
	
	function fadeIn(i){
	document.getElementById('image').style.opacity=i/100;
	document.getElementById('image').style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+i+")";
	}