/**************************************************************
Script by Pimpy.T 
Fading in and fading out background image in Firefox and Internet 
Explorer. Opera browser is just showing the first background image.
***************************************************************/
var num=6; 			//aantal fotos
var b=1;			//
var prop=1.2;		//
var tmr=33;			//
var maintmr=2000;	//2 sec wachttijd

function bg(){
	if(num==1) num=2;
	else if(num==2) num=3;
	else if(num==3) num=4;
	else if(num==4) num=5;
	else if(num==5) num=6;
	else if(num==6) num=1;
	document.getElementById("web-page").style.backgroundImage='url(images/background'+num+'.jpg)';
	document.all ? document.getElementById('web-page').filters.alpha.opacity=0 : document.getElementById('web-page').style.MozOpacity=0;
	b=1;
	fadein();
}

function fadein(){
	if(b<100){
		document.all ? document.getElementById('web-page').filters.alpha.opacity=b : document.getElementById('web-page').style.MozOpacity=(b/100);
		b=b*prop;
		setTimeout("fadein()",tmr);
	}
	else {
		document.all ? document.getElementById('web-page').filters.alpha.opacity=100 : document.getElementById('web-page').style.MozOpacity=1;
		document.getElementById("bgimagebottom").style.backgroundImage='url(images/background'+num+'.jpg)';
		if(num==2) document.getElementById("bgimagebottom").style.backgroundImage='url(images/background2.jpg)';
		if(num==3) document.getElementById("bgimagebottom").style.backgroundImage='url(images/background3.jpg)';
		if(num==4) document.getElementById("bgimagebottom").style.backgroundImage='url(images/background4.jpg)';
		if(num==5) document.getElementById("bgimagebottom").style.backgroundImage='url(images/background5.jpg)';
		if(num==6) document.getElementById("bgimagebottom").style.backgroundImage='url(images/background6.jpg)';
		timer();
	}
}

function fadeout(){
	if(b>1){
		document.all ? document.getElementById('web-page').filters.alpha.opacity=b : document.getElementById('web-page').style.MozOpacity=(b/100);
		b=b/prop;
		setTimeout("fadeout()",tmr);
	}
	else {
		document.all ? document.getElementById('web-page').filters.alpha.opacity=0 : document.getElementById('web-page').style.MozOpacity=0;
		bg();
	}
}

function timer(){
	setTimeout("fadeout()",maintmr);
}