// JavaScript Document

			
			function loadPage() {
				//hide all the bios as the page loads
				$(".bio").hide();
				
				$("img.client_images").animate({ opacity: 0.5 }, 300);
				
				$(".person img").bind('mouseover',swapImage);
				$(".person img").bind('mouseout',swapImageBack);
				//$("img.client_images").animate({ opacity: 0.5 });
				$("img.client_images").bind('mouseout',fade);
				$("img.client_images").bind('mouseover',unFade);
				
				//bindings for bio ids to follow...
				
				$("#robert").bind('click',showBio);
				$("#trey").bind('click',showBio);
				$("#ed").bind('click',showBio);
				$("#bonnie").bind('click',showBio);
				$("#laurenP").bind('click',showBio);
				$("#john").bind('click',showBio);
				$("#chip").bind('click',showBio);
				$("#blake").bind('click',showBio);
				$("#rachael").bind('click',showBio);
				$("#jeremy").bind('click',showBio);
				$("#mark").bind('click',showBio);
				$("#gina").bind('click',showBio);
				$("#alexis").bind('click',showBio);
				$("#miguel").bind('click',showBio);
				$("#jack").bind('click',showBio);
				$("#kaley").bind('click',showBio);
				$("#eleanor").bind('click',showBio);
				
				/*$("#robert").bind('mouseover',showBio);
				$("#trey").bind('mouseover',showBio);
				$("#ed").bind('mouseover',showBio);
				$("#bonnie").bind('mouseover',showBio);
				$("#lauren").bind('mouseover',showBio);
				$("#jessie").bind('mouseover',showBio);
				$("#joel").bind('mouseover',showBio);
				$("#danielle").bind('mouseover',showBio);
				$("#chip").bind('mouseover',showBio);
				$("#blake").bind('mouseover',showBio);
				$("#rachael").bind('mouseover',showBio);
				$("#jeremy").bind('mouseover',showBio);
				$("#travis").bind('mouseover',showBio);
				$("#gina").bind('mouseover',showBio);
				$("#alexis").bind('mouseover',showBio);
				$("#miguel").bind('mouseover',showBio);
				$("#jack").bind('mouseover',showBio);
				$("#kaley").bind('mouseover',showBio);
				
				$("#robert").bind('mouseout',hideBio);
				$("#trey").bind('mouseout',hideBio);
				$("#ed").bind('mouseout',hideBio);
				$("#bonnie").bind('mouseout',hideBio);
				$("#lauren").bind('mouseout',hideBio);
				$("#jessie").bind('mouseout',hideBio);
				$("#joel").bind('mouseout',hideBio);
				$("#danielle").bind('mouseout',hideBio);
				$("#chip").bind('mouseout',hideBio);
				$("#blake").bind('mouseout',hideBio);
				$("#rachael").bind('mouseout',hideBio);
				$("#jeremy").bind('mouseout',hideBio);
				$("#travis").bind('mouseout',hideBio);
				$("#gina").bind('mouseout',hideBio);
				$("#alexis").bind('mouseout',hideBio);
				$("#miguel").bind('mouseout',hideBio);
				$("#jack").bind('mouseout',hideBio);
				$("#kaley").bind('mouseout',hideBio);
				pageHighlight();*/
				var iviewer = {};
                  $("#viewer2").iviewer(
                  {
                      src: "http://www.berningmarketing.com/grubs-up/grubsup_correct.jpg",
                      initCallback: function()
                      {
                        iviewer = this;
                      }
                  });
			}
			
			
			function swapImage(){
				 var a = $(this).attr("src");
				 a = a.substring(a.lastIndexOf('_') + 1);
				 a = a.replace("1", "2");
				 var b = $(this).attr("src");
				 b = b.substring(0, b.lastIndexOf('_'));
				 var newSrc = b + '_' + a;
				 $(this).attr("src",newSrc);
			 }
			function swapImageBack(){
				 var a = $(this).attr("src");
				 a = a.substring(a.lastIndexOf('_') + 1);
				 a = a.replace("2", "1");
				 var b = $(this).attr("src");
				 b = b.substring(0, b.lastIndexOf('_'));
				 var newSrc = b + '_' + a;
				 $(this).attr("src",newSrc);
			 }
			 function fade(){
				$(this).stop().animate({ opacity: 0.5 }, 300);
			 }
			 function unFade(){
				 $(this).stop().animate({ opacity: 1 }, 300);
			 }
			 
			 //show or hide the bio of the same as the image id...
			function showBio () {
				$(".bio").hide("fast");
				//alert("you're working");
				var id = $(this).attr("id");
				//alert(id);	
				$("#bio_"+id).show("fast");
			}
				
			/*function pageHighlight () {
				$("*").find("a[href='"+window.location.href+"']").each(function(){
				$(this).addClass("current");
				//add your own logic here if needed
				})
			}
			function hideBio () {
				//alert("you're working");
				var id = $(this).attr("id");
				//alert(id);	
				$("#bio_"+id).hide("fast");
			}*/