var arrFiles = new Array();

arrFiles[0] = 'header_s21.jpg';
arrFiles[1] = 'header_f18.jpg';
arrFiles[2] = 'header_f23.jpg';
arrFiles[3] = 'header_f22.jpg';
arrFiles[4] = 'header_f08.jpg';
arrFiles[5] = 'header_s12.jpg';
arrFiles[6] = 'header_s27.jpg';
arrFiles[7] = 'header_f01.jpg';
arrFiles[8] = 'header_s17.jpg';
arrFiles[9] = 'header_s26.jpg';
arrFiles[10] = 'header_s01.jpg';
arrFiles[11] = 'header_f14.jpg';
arrFiles[12] = 'header_f07.jpg';
arrFiles[13] = 'header_f28.jpg';
arrFiles[14] = 'header_f21.jpg';
arrFiles[15] = 'header_s16.jpg';
arrFiles[16] = 'header_f15.jpg';
arrFiles[17] = 'header_s10.jpg';
arrFiles[18] = 'header_s20.jpg';
arrFiles[19] = 'header_s09.jpg';
arrFiles[20] = 'header_s03.jpg';
arrFiles[21] = 'header_f19.jpg';
arrFiles[22] = 'header_f05.jpg';
arrFiles[23] = 'header_s02.jpg';
arrFiles[24] = 'header_s05.jpg';
arrFiles[25] = 'header_s28.jpg';
arrFiles[26] = 'header_f26.jpg';
arrFiles[27] = 'header_s04.jpg';
arrFiles[28] = 'header_f09.jpg';
arrFiles[29] = 'header_s08.jpg';
arrFiles[30] = 'header_s13.jpg';
arrFiles[31] = 'header_f20.jpg';
arrFiles[32] = 'header_f12.jpg';
arrFiles[33] = 'header_s14.jpg';
arrFiles[34] = 'header_s06.jpg';
arrFiles[35] = 'header_f24.jpg';
arrFiles[36] = 'header_s11.jpg';
arrFiles[37] = 'header_f16.jpg';
arrFiles[38] = 'header_f10.jpg';
arrFiles[39] = 'header_s19.jpg';
arrFiles[40] = 'header_s18.jpg';
arrFiles[41] = 'header_f17.jpg';
arrFiles[42] = 'header_f13.jpg';
arrFiles[43] = 'header_s22.jpg';
arrFiles[44] = 'header_f02.jpg';
arrFiles[45] = 'header_s24.jpg';
arrFiles[46] = 'header_f25.jpg';
arrFiles[47] = 'header_f27.jpg';
arrFiles[48] = 'header_s07.jpg';
arrFiles[49] = 'header_s29.jpg';
arrFiles[50] = 'header_s25.jpg';
arrFiles[51] = 'header_s15.jpg';
arrFiles[52] = 'header_f06.jpg';
arrFiles[53] = 'header_f03.jpg';
arrFiles[54] = 'header_f11.jpg';
arrFiles[55] = 'header_s23.jpg';
arrFiles[56] = 'header_f29.jpg';
arrFiles[57] = 'header_f04.jpg';

var start = false;
var currentImage = 0;
var totalImages = arrFiles.length;

function init() {
	var html = '';
	
	for(i=0;i<totalImages;i++) {
		html += '<div id="image' + i + '" style="display:none"><img src="' + linkprefix + 'images/header/' + arrFiles[i] + '" width="936" height="220" alt="header" /></div>';
	}
	
	$('headerImage').innerHTML = $('headerImage').innerHTML + html;

	if(totalImages > 1) setInterval(switchImage,7500);
}

function switchImage() {
	var nextImage = currentImage + 1;
	if(nextImage == totalImages) nextImage = 0;
	
	loadImage(nextImage);
}

function loadImage(nextImage) {
	if(!start) {
		start = true;
		
		new Effect.Appear('image' + nextImage, { duration: 3.0 });
		new Effect.Fade('image', { duration: 3.0 });
	}
	else {
		new Effect.Appear('image' + nextImage, { duration: 3.0 });
		new Effect.Fade('image' + currentImage, { duration: 3.0 });
	}
	
	currentImage = nextImage;
}

window.onload = init;