var imageCache = [];
var imageIndex = 0;

$observe(window, 'load', function(){

	imageCache.push($('screenshot1'));
	
	// first screenshot already loaded.
	
	for(var i = 2; i < 7; ++i)
	{
		loadImage('screenshots/' + i + '.png');
	}
});

function loadImage(url)
{
	var img = new Image();
	
	img.onload = function(){
		imageCache.push(this);
		this.onload = $empty;
	};

	// load it...
	img.src = url;
}

function nextImage(){

	var parent = $('screenshot');
	
	if (++imageIndex >= imageCache.length) imageIndex = 0;
	
	var img = imageCache[imageIndex];
	if (!img) return;
	
	img.className = 'image460';
	
	$Element.removeChildren(parent);
	parent.appendChild(imageCache[imageIndex]);
};


function prevImage(){

	var parent = $('screenshot');
	var img;
	
	if (--imageIndex < 0) imageIndex = imageCache.length - 1;
	
	var img = imageCache[imageIndex];
	if (!img) return;

	img.className = 'image460';
		
	$Element.removeChildren(parent);
	parent.appendChild(img);
};