function startPage()
{
	initBackground();
	setTimeout('changeBackground()', 10000);
}

var bgImageNext = 4;
var bgImageVisible = 'front';

function initBackground() {
	bgNext();
	document.getElementById(bgImageBackId).style.backgroundImage = 'url(' + bgImages[bgImageNext] + ')'; 
	bgNext();
}

function changeBackground() {
	if(bgImageVisible == 'back') {
		opacity(bgImageBackId, 0, 100, bgImageFadeTime); 
		bgImageVisible = 'front';
		setTimeout("setBackroundImage('" + bgImageBackId + "', '" + bgImages[bgImageNext] + "')", bgImageFadeTime + 1000); 
	} 
	else {
		opacity(bgImageFrontId, 100, 0, bgImageFadeTime); 
		bgImageVisible = 'back'; 
		setTimeout("setImage('" + bgImageFrontId + "', '" + bgImages[bgImageNext] + "')", bgImageFadeTime + 1000); 
	} 
	bgNext();
	setTimeout('changeBackground()', bgImageDelay);
}

function bgNext()
{ 
	bgImageNext++; 
	if(bgImageNext >= bgImages.length) { 
		bgImageNext =0; 
	}
}

function setBackroundImage(bgId, bgSrc) { 
	document.getElementById(bgId).style.backgroundImage = 'url(' + bgSrc + ')';
}

function setImage(bgId, bgSrc) {
	document.getElementById(bgId).src = bgSrc;
}

// Opacity Changers
function opacity(id, opacStart, opacEnd, millisec) { 
	//speed for each frame 
	var speed = Math.round(millisec / 100); 
	var timer = 0;
	//determine the direction for the blending, if start and end are thesame nothing happens 
	if(opacStart > opacEnd) { 
		for(i = opacStart; i >= opacEnd; i--) { 
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
			timer++; 
		} 
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
			timer++; 
		} 
	} 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100); 
	object.filter = "alpha(opacity=" + opacity + ")"; 
}

// preload Images
function preloadImages(imageArray) { 
	var preload = new Array(); 
	for (i = 0; i < imageArray.length; i++) { 
		preload[i] = new Image(); preload[i].src = imageArray[i]; 
	}
}