Event.observe(window, 'load', function() {
	var pe = window.setInterval(
		function(event) { setImage(event); }
		, 7000
	);
});

var preloaded = new Array();
var current_image_idx = 1;

// skip the first since it's already being loaded anyway
for (var i = 2; i < 9; i++) {
	preloaded[i] = document.createElement('img');
	preloaded[i].setAttribute('src', '/img/collection/collections-' + i + '.jpg');
};

function setImage(event) {
	current_image_idx++;	
	if ( current_image_idx > 8 )
	{
		current_image_idx = 1;
	}
	$('collection').hide();
	$('collection').innerHTML = '<img src="/img/collection/collections-' + current_image_idx + '.jpg" class="" border="0" />';
	Effect.Appear('collection', {duration:2});
}