$(document).ready(function(){ // This sets the opacity of the thumbs to fade down to 60% when the page loads
	
	$("div.erickson").fadeTo("slow", 0);
	$("a.erickson").hover(function(){
		$("div.erickson").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$("div.erickson").fadeTo("slow", 0); // This sets the opacity back to 60% on mouseout
	});

	$("div.halley").fadeTo("slow", 0);
	$("a.halley").hover(function(){
		$("div.halley").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$("div.halley").fadeTo("slow", 0); // This sets the opacity back to 60% on mouseout
	});

	$("div.lajuana").fadeTo("slow", 0);
	$("a.lajuana").hover(function(){
		$("div.lajuana").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$("div.lajuana").fadeTo("slow", 0); // This sets the opacity back to 60% on mouseout
	});
	$("a.lajuana2").hover(function(){
		$("div.lajuana").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$("div.lajuana").fadeTo("slow", 0); // This sets the opacity back to 60% on mouseout
	});

	$("div.melinda").fadeTo("slow", 0);
	$("a.melinda").hover(function(){
		$("div.melinda").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$("div.melinda").fadeTo("slow", 0); // This sets the opacity back to 60% on mouseout
	});

	$("div.kayla").fadeTo("slow", 0);
	$("a.kayla").hover(function(){
		$("div.kayla").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$("div.kayla").fadeTo("slow", 0); // This sets the opacity back to 60% on mouseout
	});
	$("a.kayla2").hover(function(){
		$("div.kayla").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$("div.kayla").fadeTo("slow", 0); // This sets the opacity back to 60% on mouseout
	});

	$("div.anna").fadeTo("slow", 0);
	$("a.anna").hover(function(){
		$("div.anna").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$("div.anna").fadeTo("slow", 0); // This sets the opacity back to 60% on mouseout
	});
	$("a.anna2").hover(function(){
		$("div.anna").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$("div.anna").fadeTo("slow", 0); // This sets the opacity back to 60% on mouseout
	});
	$("a.anna3").hover(function(){
		$("div.anna").fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$("div.anna").fadeTo("slow", 0); // This sets the opacity back to 60% on mouseout
	});	
	
	//http://cssbeauty.com/skillshare/discussion/1593/jquery-fade-in-on-mouse-over/

});