$(document).ready(function(){
	
	// Set up the Slider
	var slideID = 1; // The initial slide (First one)
	var animation_active = false;
	
	var totalSlides = 1;		// IMPORTANT: There are 3 portfolio entries PER SLIDE,
								// so this number should be the total number of SLIDES.
								// Example: 2 slides would equal 6 portfolio entries (3 per slide)
							
	totalPortfolioEntries = totalSlides * 4;
	
	// This sets up the slider panels when you hover over the portfolio thumbs
	for (tempPortfolioNum=1;tempPortfolioNum<=totalPortfolioEntries;tempPortfolioNum=tempPortfolioNum+1) 
	{
		if (animation_active == false) {
			
			$("div.hoverBlock #portfolioEntry_"+tempPortfolioNum).hover(function(){
				$(this).find("img").fadeOut({top:"203px"},{queue:false,duration:600});
			}, function(){
				$(this).find("img").fadeIn({top:"0px"},{queue:false,duration:600});
			});
			
			
			
			$("div.hoverBlock #portfolioEntry_"+tempPortfolioNum).hover(function(){
				$(this).find("img.portfolio-image").fadeOut("fast");
			}, function(){
				$(this).find("img.portfolio-image").fadeIn("slow");
			});
			
		}
	}

 });