// JavaScript Document<script type="text/javascript">
$(document).ready(function() {
						   //script for page title
						   var pageTitle =$('#pagetitle img');
						   pageTitle.hide();
						   pageTitle.show(1500);
						   
						   var pageDetail =$('#pagedetail p');
						   pageDetail.hide();
						   pageDetail.fadeIn(1500);
$('#gallery img').each(function(i) {
	var imgFile = $(this).attr('src');
	var preloadImage = new Image();
    var imgExt = /(\.\w{3,4}$)/;
    preloadImage.src = imgFile.replace(imgExt,'_h$1');
		
	$(this).hover(
		function() {
			$(this).attr('src', preloadImage.src);
		},
		function () {
		var currentSource=$(this).attr('src');
			$(this).attr('src', imgFile);
	}); // end hover
}); // end each

//insert script 7.2 below this line
$('#gallery a').click(function(evt) {
							   evt.preventDefault();
							   var imgPath = $(this).attr('href');
							   var oldImage =$('#photo img');
							   var newImage =$('<img src="'+imgPath+'">');
							   newImage.hide();
							   $('#photo').prepend(newImage);
							   newImage.fadeIn(1000);
							   oldImage.fadeOut(1000,function() {
															  $(this).remove();
															  });							   
							   }); //end click
$('#gallery a:first').click();	
}); // end ready