var fps = 50;                          	// Frames per second
var showTime = 4;                      	// Time in seconds during which a slide is shown
var transitionTime = 2;                	// Time in seconds for transition between slides

var slides = new Array (
	"images/banner/pics/banner_pic3.jpg",
	"images/banner/pics/banner_pic9.jpg",
	"images/banner/pics/banner_pic8.jpg",
	"images/banner/pics/banner_pic12.jpg",
	"images/banner/pics/banner_pic1.jpg",
	"images/banner/pics/banner_pic4.jpg",
	"images/banner/pics/banner_pic5.jpg",
	"images/banner/pics/banner_pic10.jpg",
	"images/banner/pics/banner_pic2.jpg",
	"images/banner/pics/banner_pic11.jpg",
	"images/banner/pics/banner_pic6.jpg",
	"images/banner/pics/banner_pic7.jpg",
	"images/banner/pics/banner_pic14.jpg",
	"images/banner/pics/banner_pic13.jpg"
	);
// var slideframes = 10;

var currentframe = 0;
var nextframe = 1;
var fgtransparency = 100;

var fgframe = slides[currentframe];
var bgframe = slides[nextframe];

var intervalId = 0;

function prepNextFrame() {
	currentframe++;
	if (slides[currentframe] == null) {
		currentframe = 0;
		nextframe = 1;
	}
	else {
		nextframe = currentframe + 1;
		if (slides[nextframe] == null) nextframe = 0;
        }

	fgframe = slides[currentframe];
	setTransparency(100);
	bgframe = slides[nextframe];

	var slidefront = document.getElementById("slidefront");
	var slideback = document.getElementById("slideback");
	slidefront.style.background = "url(" + slides[currentframe] + ")" ;
	slideback.style.background = "url(" + slides[nextframe] + ")" ;
}

function setTransparency(transparency) {
	var slidefront = document.getElementById("slidefront");
	slidefront.style.MozOpacity = transparency / 100;
	slidefront.style.filter = "alpha(opacity=" + transparency + ")";
}

function fadeIn () {
	var slidefront = document.getElementById("slidefront");
	fgtransparency -= 100 / (fps * transitionTime);
	slidefront.style.MozOpacity = fgtransparency / 100;
	slidefront.style.filter = "alpha(opacity=" + fgtransparency + ")";

	if (fgtransparency <= 0) {
		clearInterval(intervalId);
		fgtransparency = 100;
		prepNextFrame();
		setTimeout ("startFade()", showTime*1000);
	}
}

function startFade() {
	intervalId = setInterval("fadeIn()", 1000 / fps);
}

setTimeout ("startFade()", showTime*1000);