
if ($('mainImage')) {
	var totalImages = TOTAL_IMAGES;
	var nextImage = (STARTING_IMAGE % totalImages) + 1;
	var headerImage = $('mainImage');
	for (var i = 1; i <= totalImages; i++) {
		var throwAway = new Image();
		throwAway.src = '/pic/header/' + i + '.jpg';
	}
	setInterval(function() {
		var newImage = new Element('img', {src: '/pic/header/' + nextImage + '.jpg'}).setOpacity(0);
		headerImage.insert({after: newImage});
		Effect.Appear(newImage, {
			duration: 2,
			afterFinish: function() {
				headerImage.remove();
				headerImage = newImage;
				nextImage = (nextImage % totalImages) + 1;
			}
		});
	}, 6000);
}
