$(document).ready(function(){   
	$('#nav img').each(function() {
		var imgFile = $(this).attr('src');
		var preloadImage = new Image();
		var imgExt = /(\.\w{3,4}$)/;
		preloadImage.src = imgFile.replace(imgExt, '_over$1');
		$(this).hover(
			function() {
				$(this).attr('src', preloadImage.src);
			},
			function() {
				$(this).attr('src', imgFile);
			}
		);
	});
	
	$('#left-col img').each(function() {
		var imgFile = $(this).attr('src');
		var preloadImage = new Image();
		var imgExt = /(\.\w{3,4}$)/;
		preloadImage.src = imgFile.replace(imgExt, '_over$1');
		$(this).hover(
			function() {
				$(this).attr('src', preloadImage.src);
			},
			function() {
				$(this).attr('src', imgFile);
			}
		);
	});
	
	$('#footer img').each(function() {
		var imgFile = $(this).attr('src');
		var preloadImage = new Image();
		var imgExt = /(\.\w{3,4}$)/;
		preloadImage.src = imgFile.replace(imgExt, '_over$1');
		$(this).hover(
			function() {
				$(this).attr('src', preloadImage.src);
			},
			function() {
				$(this).attr('src', imgFile);
			}
		);
	});
	
	$('#next-prev-controls img').each(function() {
		var imgFile = $(this).attr('src');
		var preloadImage = new Image();
		var imgExt = /(\.\w{3,4}$)/;
		preloadImage.src = imgFile.replace(imgExt, '_over$1');
		$(this).hover(
			function() {
				$(this).attr('src', preloadImage.src);
			},
			function() {
				$(this).attr('src', imgFile);
			}
		);
	});
})