$(document).ready(function() {  
	 var images = $("#project_photos img"); 
	 var current_slide = $(images[0]);     
	images.css({"position" : "absolute", "top" : "0px", "left" : "0px"})


	images.hide();

	$(current_slide).show();   

	$.each(images, function(i){

	   $("#photo_nav").append('<li class="alt_photo"></li>')

	});

	$(".alt_photo").eq(0).addClass("current_photo");


	$("#photo_nav li").click(function() {



      var index = $(".alt_photo").index(this); 
		  $("#photo_nav li").removeClass("current_photo");
      $(this).addClass("current_photo");
	     swapImages(index);

	})

function swapImages(index)  {

	var current_id = current_slide.attr("id");
	var clicked_slide = $(images[index]);
	var clicked_id = clicked_slide.attr("id");  



	if (current_id == clicked_id) {
		     return   
	} else {

		$(current_slide).fadeOut();
		$(clicked_slide).fadeIn();
		current_slide = clicked_slide;  
	  	$("#image_zoom").attr("href","images/" + (index+1) + ".jpg");

	}




}

 })