$(document).ready(function() {
	jQuery.each([3, 6, 9], function() {
		// Set up hover-overs
		$('#piece' + this).hover(
			function() {
				var id = $(this).attr('id');
				var num = id.replace('piece', '');
				$('#' + id).attr('src', '/images/piece' + num + '-alt.png');
			},
			function() {
				var id = $(this).attr('id');
				var num = id.replace('piece', '');
				$('#' + id).attr('src', '/images/piece' + num + '.png');
			}
		);

		// Pre-load alt pieces (so there's no initial mouseover delay)
		$('#preload').append('<img src="/images/piece' + this + '-alt.png"/>');
	});
});