// Jquery
$(document).ready(function(){
	largeImage02 = new Image(); 
	largeImage03 = new Image(); 
	largeImage02.src = $("#smallimage02").attr("src").replace("thumbs/","");
	largeImage03.src = $("#smallimage03").attr("src").replace("thumbs/","");
	function swapImages(imgNum) {
				var currentSmallImage = $("#smallimage"+imgNum+"").attr("src");
				var largeImage = currentSmallImage.replace("thumbs/","");
				$("#largeimage").fadeOut("fast",function(){
				$("#largeimage").attr('src', largeImage).fadeIn('normal');			
				})
			}
			$("#smallimage01").click(function(event){
				swapImages("01");
				$("#smallimage02").removeClass("active");
				$("#smallimage03").removeClass("active");
				$("#smallimage01").addClass("active");
				$("#smallimage02").addClass("notactive");
				$("#smallimage03").addClass("notactive");
				return false;
			});
			$("#smallimage02").click(function(event){
				swapImages("02");
				$("#smallimage01").removeClass("active");
				$("#smallimage03").removeClass("active");
				$("#smallimage01").addClass("notactive");
				$("#smallimage02").addClass("active");
				$("#smallimage03").addClass("notactive");
				return false;
			});
			$("#smallimage03").click(function(event){
				swapImages("03");
				$("#smallimage01").removeClass("active");
				$("#smallimage02").removeClass("active");
				$("#smallimage01").addClass("notactive");
				$("#smallimage02").addClass("notactive");
				$("#smallimage03").addClass("active");
				return false;
			});
		
});