var nImages = 4;
var currentImage = 1;
var nextImage = 2;

function cycle_next(){
	var next =  currentImage % nImages + 1;
        var timeout = 4000;
	if( nextImage == next) {
		var btnClass= ".caseStudySingleMainGalleryImageNavButton"+ next;
		$(btnClass).click();
         } else {
	        timeout = nImages * 3000;
         }
	nextImage =  currentImage % nImages + 1;        
	window.setTimeout(cycle_next, timeout);
};




window.onload = function(){

	 	/* if nav button 1 is clicked */
		$(".caseStudySingleMainGalleryImageNavButton1").click(function() {
currentImage = 1;
		  /* prepares next image for fade in */
		    $(".caseStudySingleMainGalleryImage1").css( { "display":"block", "z-index":"2" } );
		  /* makes current button blue, all others grey */
			$(".caseStudySingleMainGalleryImageNavButton1").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageBlueCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton2").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton3").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton4").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
		  /* fades out all but current image */
		    $(".caseStudySingleMainGalleryImage2").animate({opacity:0},250);
		    $(".caseStudySingleMainGalleryImage3").animate({opacity:0},250);
		    $(".caseStudySingleMainGalleryImage4").animate({opacity:0},250, function() {
		    	  /* reset all image layers and opacity for next time */
		    	    $(".caseStudySingleMainGalleryImage1").css({"z-index":"3","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage2").css({"z-index":"1","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage3").css({"z-index":"1","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage4").css({"z-index":"1","opacity":"1"});
			  });
		});	 
	 
	 	/* if nav button 2 is clicked */
		$(".caseStudySingleMainGalleryImageNavButton2").click(function() {
currentImage = 2;
		  /* prepares next image for fade in */
		    $(".caseStudySingleMainGalleryImage2").css( { "display":"block", "z-index":"2" } );
		  /* makes current button blue, all others grey */
			$(".caseStudySingleMainGalleryImageNavButton1").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton2").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageBlueCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton3").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton4").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
		  /* fades out all but current image */
		    $(".caseStudySingleMainGalleryImage1").animate({opacity:0},250);
		    $(".caseStudySingleMainGalleryImage3").animate({opacity:0},250);
		    $(".caseStudySingleMainGalleryImage4").animate({opacity:0},250, function() {
		    	  /* reset all image layers and opacity for next time */
			    $(".caseStudySingleMainGalleryImage1").css({"z-index":"1","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage2").css({"z-index":"3","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage3").css({"z-index":"1","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage4").css({"z-index":"1","opacity":"1"});
			  });
		});
		
	 	/* if nav button 3 is clicked */
		$(".caseStudySingleMainGalleryImageNavButton3").click(function() {
currentImage = 3;
		  /* prepares next image for fade in */
		    $(".caseStudySingleMainGalleryImage3").css( { "display":"block", "z-index":"2" } );
		  /* makes current button blue, all others grey */
			$(".caseStudySingleMainGalleryImageNavButton1").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton2").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton3").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageBlueCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton4").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
		  /* fades out all but current image */
		    $(".caseStudySingleMainGalleryImage1").animate({opacity:0},250);
		    $(".caseStudySingleMainGalleryImage2").animate({opacity:0},250);
		    $(".caseStudySingleMainGalleryImage4").animate({opacity:0},250, function() {
		    	  /* reset all image layers and opacity for next time */
			    $(".caseStudySingleMainGalleryImage1").css({"z-index":"1","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage2").css({"z-index":"1","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage3").css({"z-index":"3","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage4").css({"z-index":"1","opacity":"1"});
			  });
		});		

	 	/* if nav button 4 is clicked */
		$(".caseStudySingleMainGalleryImageNavButton4").click(function() {
currentImage = 4;
		  /* prepares next image for fade in */
		    $(".caseStudySingleMainGalleryImage4").css( { "display":"block", "z-index":"2" } );
		  /* makes current button blue, all others grey */
			$(".caseStudySingleMainGalleryImageNavButton1").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton2").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton3").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageGreyCircle.png");
			$(".caseStudySingleMainGalleryImageNavButton4").attr("src","/wp-content/themes/sandbox/images/caseStudyMainGalleryImageBlueCircle.png");
		  /* fades out all but current image */
		    $(".caseStudySingleMainGalleryImage1").animate({opacity:0},250);
		    $(".caseStudySingleMainGalleryImage2").animate({opacity:0},250);
		    $(".caseStudySingleMainGalleryImage3").animate({opacity:0},250, function() {
		    	  /* reset all image layers and opacity for next time */
			    $(".caseStudySingleMainGalleryImage1").css({"z-index":"1","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage2").css({"z-index":"1","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage3").css({"z-index":"1","opacity":"1"});
			    $(".caseStudySingleMainGalleryImage4").css({"z-index":"3","opacity":"1"});
			  });
		});		
		


	window.setTimeout(cycle_next, 4000);

	 }