/* JavaScript Document
* Set the appropriate image container or use #gallery
* Set your over images to have the same name with _h (or whatever) as suffix
*/
$(document).ready(function() {
$('#navbar img').each(function() {
	var imgFile = $(this).attr('src');
	var preloadImage = new Image();
  var imgExt = /(\.\w{3,4}$)/;
  preloadImage.src = imgFile.replace(imgExt,'_f2$1');
		
	$(this).hover(
		function() {
			$(this).attr('src', preloadImage.src);
		},
		function () {
			$(this).attr('src', imgFile);
		}
	); // end hover
}); // end each
}); // end ready