Prototype.preloadImages = function(){
	for(var i=0, images=[]; src=arguments[i]; i++){
		images.push(new Image());
		images.last().src = src;
	}
};
		
Event.observe(window, 'load', function() {
// do preload images
	Prototype.preloadImages(
			'images/scoreboard_over.jpg',
			'images/voice_over.jpg',
			'images/another_bank_over.jpg',
			'images/contact_over.jpg',
			'images/scoreboard_clicked.jpg',
			'images/voice_clicked.jpg',
			'images/another_bank_clicked.jpg',
			'images/contact_clicked.jpg'
			);

// add rollovers
	$('buttons').select('a').each(function(e) {  
		e.observe('mouseover', function() {
				// mouse over
				var img = this.select('img')[0];
				img.src = img.src.replace(/_(normal|clicked).jpg$/i, "_over.jpg");
				
				return true;
		}).observe('mouseout', function() {
				// mouse out
				var img = this.select('img')[0];
				img.src = img.src.replace(/_(over|clicked).jpg$/i, "_normal.jpg");
				
				return true;
		}).observe('mousedown', function() {
				// click
				var img = this.select('img')[0];
				var tmp = img.src;

				img.src = img.src.replace(/_(over|clicked).jpg$/i, "_clicked.jpg");
				setTimeout(function() {img.src = tmp;}, 250); 
				
				return true;		
		});
	});

	// these onse should pop up, but only after animation takes effect
	$('scorecard').observe('click', function(e) {
		  window.open(this.href,'popupWindow','toolbar=no,location=no,directories=no,' +
				  'status=no,menubar=no,scrollbars=yes,resizable=yes,' +
				  'copyhistory=no,width=904,height=568,'+
				  'screenX=5,screenY=5,top=5,left=5');
		  e.stop();
	});

	$('votc').observe('click', function(e) {
		  window.open(this.href,'popupWindow','toolbar=no,location=no,directories=no,' +
				  'status=no,menubar=no,scrollbars=yes,resizable=yes,' +
				  'copyhistory=no,width=904,height=568,'+
				  'screenX=5,screenY=5,top=5,left=5');
		  e.stop();
	});
});