var mycount=1;
var refreshIntervalId="";

$(document).ready(function() {	

		$("#img2").hide();
		$("#img3").hide();
		$("#portfolio_image_thumb ul li:first").addClass('active'); 
refreshIntervalId = setInterval(function(){setImage(mycount)}, 8000);	



																						
	$("#portfolio_image_thumb ul li").click(function(){ 
		//Set Variables
		var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
		var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
		var imgDesc = $(this).find('.block').html(); 	//Get HTML of block
		
		if ($(this).is(".active")) {  //If it's already active, then...
			return false; // Don't click through
		} else {
			//Animate the Teaser				
				$("#portfolio_image_slider img").attr({ src: imgTitle , alt: imgAlt});
				var c=clearInterval(refreshIntervalId);
		}  // end else
		
		$("#portfolio_image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
		$(this).addClass('active');  //add class of 'active' on this list only
		return false;
	}) // close click function
	
$("#portfolio_image_thumb ul li a img").hover(function(){
		var imgID = $(this).parent().parent().attr("title"); 
		$(this).addClass('hover');
			$("#img1").hide();
			$("#img2").hide();
			$("#img3").hide();
			$("#" + imgID).show();
		}, function() {
		$(this).removeClass('hover');
		var imgID = $(".active").attr("title");
			$("#img1").hide();
			$("#img2").hide();
			$("#img3").hide();
			$("#" + imgID).show();
	});  // close hover function


	$("#portfolio_image_thumb ul li h3").click(function(){ 
		var theURL = $(this).find('a').attr("href");
    window.location.replace(theURL);
	});

	$("#portfolio_image_thumb ul li img").click(function(){ 
		var theURL = $(this).parent().attr("href");
    window.location.replace(theURL);
	});


	
});//Close ready function


function setImage(i) {

		if (mycount == 4) {mycount=1;}
		
		mycount;
		
   switch(mycount) {
     case 1:
			$("#img2").hide();
			$("#img3").hide();
			$("#img1").fadeOut(2000);
		  //var imgAlt = $("#img2").find('img').attr("alt"); //Get Alt Tag of Image
		  //var imgHref = $("#img2").find('img').attr("src"); //Get Main Image URL
		  //$("#portfolio_image_slider img").attr({ src: imgHref , alt: imgAlt});
			$("#img2").delay(2000).fadeIn(2000).delay(2000);
      $("#portfolio_image_thumb ul li:first").removeClass('active');
      $("#portfolio_image_thumb ul li:last").removeClass('active');
      //$("#portfolio_image_thumb ul li:first").addClass('not_active');
      //$("#portfolio_image_thumb ul li:last").addClass('not_active');
			$("#portfolio_image_thumb ul li:first").next().addClass('active');
			break;
			
     case 2:	
			$("#img1").hide();
			$("#img3").hide();
			$("#img2").fadeOut(2000);
			$("#img3").delay(2000).fadeIn(2000).delay(2000);
      $("#portfolio_image_thumb ul li:first").removeClass('active');
      $("#portfolio_image_thumb ul li:first").next().removeClass('active');
      //$("#portfolio_image_thumb ul li:first").addClass('not_active');
      //$("#portfolio_image_thumb ul li:first").next().addClass('not_active');
			$("#portfolio_image_thumb ul li:last").addClass('active');
			break;
			
     case 3:	
			$("#img1").hide();
			$("#img2").hide();
			$("#img3").fadeOut(2000);
			$("#img1").delay(2000).fadeIn(2000).delay(2000);
      $("#portfolio_image_thumb ul li:first").next().removeClass('active');
      $("#portfolio_image_thumb ul li:last").removeClass('active');
      //$("#portfolio_image_thumb ul li:first").next().addClass('not_active');
      //$("#portfolio_image_thumb ul li:last").addClass('not_active');
			$("#portfolio_image_thumb ul li:first").addClass('active');
			break;			

	 }
mycount++;
};