// dogsense_gallery.js

// setting photos and captions for each page

window.onload=function() {
	
	// setting photos and captions for Page 1
	
	document.getElementById("page_1").onclick = function() {
		
		document.getElementById("display_pic").src="../gallery_photos/01_Group-Shot.jpg" 
		document.getElementById("display_pic").alt="Group Shot";
		document.getElementById("img_caption").innerHTML=document.getElementById("display_pic").alt;
		
		document.getElementById("img1").src="../thumbnails/01_Group-Shot_jpg.jpg";
		document.getElementById("img1").alt="Group Shot";
		
		document.getElementById("img2").src="../thumbnails/02_Fun-on-the-Slide_jpg.jpg";
		document.getElementById("img2").alt="Fun on the Slide";
		
		document.getElementById("img3").src="../thumbnails/03_Chachi_jpg.jpg";
		document.getElementById("img3").alt="Chachi";
		
		document.getElementById("img4").src="../thumbnails/04_December-2006_jpg.jpg";
		document.getElementById("img4").alt="December 2006";
		
		document.getElementById("img5").src="../thumbnails/05_Arus_jpg.jpg";
		document.getElementById("img5").alt="Arus";
		
		document.getElementById("img6").src="../thumbnails/06_Buster_jpg.jpg";
		document.getElementById("img6").alt="Buster";
		
		document.getElementById("img7").src="../thumbnails/07_Grooming_jpg.jpg";
		document.getElementById("img7").alt="Grooming";
		
		document.getElementById("img8").src="../thumbnails/08_Goldilocks_jpg.jpg";
		document.getElementById("img8").alt="Goldilocks";
	
		document.getElementById("img9").src="../thumbnails/09_Maggie,-Seamus-and-Oz_jpg.jpg";
		document.getElementById("img9").alt="Maggie, Seamus and Oz";
		
		document.getElementById("img10").src="../thumbnails/10_Herschel_jpg.jpg";
		document.getElementById("img10").alt="Herschel";
		
		document.getElementById("img11").src="../thumbnails/11_Mookie-and-Friends_jpg.jpg";
		document.getElementById("img11").alt="Mookie and Friends";
		
		document.getElementById("img12").src="../thumbnails/12_Sasha-and-Remy_jpg.jpg";
		document.getElementById("img12").alt="Sasha and Remy";
	}

	// setting photos and captions for Page 2

	document.getElementById("page_2").onclick = function() {
		
		document.getElementById("display_pic").src="../gallery_photos/13_Xena-and-Maverick.jpg" 
		document.getElementById("display_pic").alt="Xena and Maverick";
		document.getElementById("img_caption").innerHTML=document.getElementById("display_pic").alt;
		
		document.getElementById("img1").src="../thumbnails/13_Xena-and-Maverick_jpg.jpg";
		document.getElementById("img1").alt="Xena and Maverick";
		
		document.getElementById("img2").src="../thumbnails/14_Charlie-and-Buddy_jpg.jpg";
		document.getElementById("img2").alt="Charlie and Buddy";
		
		document.getElementById("img3").src="../thumbnails/15_Seamus_jpg.jpg";
		document.getElementById("img3").alt="Seamus";
		
		document.getElementById("img4").src="../thumbnails/16_Maggie-and-Daisy_jpg.jpg";
		document.getElementById("img4").alt="Maggie and Daisy";
		
		document.getElementById("img5").src="../thumbnails/17_Oreo,-Chanel-and-Coco_jpg.jpg";
		document.getElementById("img5").alt="Oreo, Chanel and Coco";
		
		document.getElementById("img6").src="../thumbnails/18_Missy_jpg.jpg";
		document.getElementById("img6").alt="Missy";
		
		document.getElementById("img7").src="../thumbnails/19_Max,-Seamus-and-Tutti_jpg.jpg";
		document.getElementById("img7").alt="Max, Seamus and Tutti";
		
		document.getElementById("img8").src="../thumbnails/20_Eeyore-Takes-Charge_jpg.jpg";
		document.getElementById("img8").alt="Eeyore Takes Charge";
		
		document.getElementById("img9").src="../thumbnails/21_Outside_jpg.jpg";
		document.getElementById("img9").alt="Outside";
		
		document.getElementById("img10").src="../thumbnails/22_Polly_jpg.jpg";
		document.getElementById("img10").alt="Polly";
		
		document.getElementById("img11").src="../thumbnails/23_Prince_jpg.jpg";
		document.getElementById("img11").alt="Prince";
		
		document.getElementById("img12").src="../thumbnails/24_Charlie_jpg.jpg";
		document.getElementById("img12").alt="Charlie";
	}
	
	// setting photos and captions for Page 3
	
	document.getElementById("page_3").onclick = function() {
		
		document.getElementById("display_pic").src="../gallery_photos/25_Hi-Cookie!.jpg"
		document.getElementById("display_pic").alt="Hi Cookie!";
		document.getElementById("img_caption").innerHTML=document.getElementById("display_pic").alt;
		
		document.getElementById("img1").src="../thumbnails/25_Hi-Cookie!_jpg.jpg";
		document.getElementById("img1").alt="Hi Cookie!";
		
		document.getElementById("img2").src="../thumbnails/26_Hugo_jpg.jpg";
		document.getElementById("img2").alt="Hugo";
		
		document.getElementById("img3").src="../thumbnails/27_Polo-on-Slide_jpg.jpg";
		document.getElementById("img3").alt="Polo on Slide";
		
		document.getElementById("img4").src="../thumbnails/28 _Riley-and-Caramel_jpg.jpg";
		document.getElementById("img4").alt="Riley and Caramel";
		
		document.getElementById("img5").src="../thumbnails/29_Maverick_jpg.jpg";
		document.getElementById("img5").alt="Maverick";
		
		document.getElementById("img6").src="../thumbnails/30_Play-Ball!_jpg.jpg";
		document.getElementById("img6").alt="Play Ball!";
		
		document.getElementById("img7").src="../thumbnails/31_Rocky-and-Pepper_jpg.jpg";
		document.getElementById("img7").alt="Rocky and Pepper";
		
		document.getElementById("img8").src="../thumbnails/32_Rusty_jpg.jpg";
		document.getElementById("img8").alt="Rusty";
		
		document.getElementById("img9").src="../thumbnails/33_Molly2_jpg.jpg";
		document.getElementById("img9").alt="Molly";
		
		document.getElementById("img10").src="../thumbnails/34_Shukie_jpg.jpg";
		document.getElementById("img10").alt="Shukie";
		
		document.getElementById("img11").src="../thumbnails/35_Eeyore_jpg.jpg";
		document.getElementById("img11").alt="Eeyore";
		
		document.getElementById("img12").src="../thumbnails/36_Sassy_jpg.jpg";
		document.getElementById("img12").alt="Sassy";
	}
	
	// setting photos and captions for Page 4

	document.getElementById("page_4").onclick = function() {
		
		document.getElementById("display_pic").src="../gallery_photos/37_Say-Cheese!.jpg"
		document.getElementById("display_pic").alt="Say Cheese!";
		document.getElementById("img_caption").innerHTML=document.getElementById("display_pic").alt;
		
		document.getElementById("img1").src="../thumbnails/37_Say-Cheese!_jpg.jpg";
		document.getElementById("img1").alt="Say Cheese!";
		
		document.getElementById("img2").src="../thumbnails/38_Lady_jpg.jpg";
		document.getElementById("img2").alt="Lady";
		
		document.getElementById("img3").src="../thumbnails/39_Siena-and-Cookie_jpg.jpg";
		document.getElementById("img3").alt="Siena and Cookie";
		
		document.getElementById("img4").src="../thumbnails/40_Maggie-and-Daisy2_jpg.jpg";
		document.getElementById("img4").alt="Maggie and Daisy";
		
		document.getElementById("img5").src="../thumbnails/41_Milo_jpg.jpg";
		document.getElementById("img5").alt="Milo";
		
		document.getElementById("img6").src="../thumbnails/42_The-Gang_jpg.jpg";
		document.getElementById("img6").alt="The Gang";
		
		document.getElementById("img7").src="../thumbnails/43_Boomer_jpg.jpg";
		document.getElementById("img7").alt="Boomer";
		
		document.getElementById("img8").src="../thumbnails/44_Mickey-and-Eeyore_jpg.jpg";
		document.getElementById("img8").alt="Mickey and Eeyore";
		
		document.getElementById("img9").src="../thumbnails/45_Caramel-Resting_jpg.jpg";
		document.getElementById("img9").alt="Caramel Resting";
		
		document.getElementById("img10").src="../thumbnails/46_Cookie_jpg.jpg";
		document.getElementById("img10").alt="Cookie";
		
		document.getElementById("img11").src="../thumbnails/47_KJ,-Maverick-and-Maggie_jpg.jpg";
		document.getElementById("img11").alt="Maverick and Maggie";
		
		document.getElementById("img12").src="../thumbnails/48_Siena-and-Reily_jpg.jpg";
		document.getElementById("img12").alt="Siena and Reily";
	}


		// Setting the main image upon rollover - this section needs to be recoded properly at some point


		document.getElementById("img1").onclick = function() {
			var sml_image_source=document.getElementById("img1").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img1").alt;
	 	}
		
		document.getElementById("img2").onclick = function() {
			var sml_image_source=document.getElementById("img2").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img2").alt;
			
	 	}
		
		document.getElementById("img3").onclick = function() {
			var sml_image_source=document.getElementById("img3").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img3").alt;
	 	}
		
		document.getElementById("img4").onclick = function() {
			var sml_image_source=document.getElementById("img4").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img4").alt;
	 	}
		
		document.getElementById("img5").onclick = function() {
			var sml_image_source=document.getElementById("img5").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img5").alt;
	 	}
		
		document.getElementById("img6").onclick = function() {
			var sml_image_source=document.getElementById("img6").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img6").alt;
	 	}
		
		document.getElementById("img7").onclick = function() {
			var sml_image_source=document.getElementById("img7").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img7").alt;
			}
		
		document.getElementById("img8").onclick = function() {
			var sml_image_source=document.getElementById("img8").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img8").alt;
	 	}
		
		document.getElementById("img9").onclick = function() {
			var sml_image_source=document.getElementById("img9").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img9").alt;
	 	}
		
		document.getElementById("img10").onclick = function() {
			var sml_image_source=document.getElementById("img10").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img10").alt;
	 	}
		
		document.getElementById("img11").onclick = function() {
			var sml_image_source=document.getElementById("img11").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img11").alt;
	 	}
		
		document.getElementById("img12").onclick = function() {
			var sml_image_source=document.getElementById("img12").src;
			var lg_image_source=sml_image_source.replace( "thumbnails", "gallery_photos" );
			lg_image_source=lg_image_source.replace("_jpg.jpg", ".jpg");
			document.getElementById("display_pic").src = lg_image_source;
			document.getElementById("img_caption").innerHTML=document.getElementById("img12").alt;
	 	}
}