// Update the quotes every N seconds
Event.observe(window, 'load', function() {

	var quote = $$('p#quote')[0];
	var quote_list = $$('p.hidden_quote');

	var quote_index = 0;

	function nextQuote() {
		quote_index++;
		var next_index = quote_index % quote_list.length;
		quote.innerHTML = quote_list[next_index].innerHTML;
		setTimeout(nextQuote, 6 * 1000);
	}
  
	setTimeout(nextQuote, 6 * 1000);
});

// Update the banner every N seconds
Event.observe(window, 'load', function() {
	var banner_image = $$('#header img')[0];
	var number_of_images = 3;
	var image_index = 0;
	
	function nextImage() {
		image_index++;
		var image_number = image_index % number_of_images;
		crossfade(banner_image, 'images/banner_rotater' + (image_number + 1) + '.jpg');
		setTimeout(nextImage, 5 * 1000);
	}
	
	setTimeout(nextImage, 5 * 1000);
});

function crossfade(image_element, url) {
	image_element.src = url;
}