
var logoAnimation = function()
{
	$( 'img#jess_pic_home, img#jess_pic_home_backside, div#home_page_artwork, img#jess_pic_portfolio, img#jess_pic_portfolio_backside, div#camp_cross_poster, div#website_footer, div#website_header, div#art_of_well_being, div#opera_glasses, div#stage_lights, div#cherries').hover( function()
	{
		$( this )
		.animate( { top: '+=3px', left: '+=6px' }, 100 )
		.animate( { top: '-=3px', left: '-=6px' }, 50 )
		.animate( { top: '+=6px', left: '+=3px' }, 50 )
		.animate( { top: '-=6px', left: '-=3px' }, 120 );
	});
	
};

$( window ).load( logoAnimation );

$(document).ready(function(){
$("div.portfolio-element img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads

$("div.portfolio-element img").hover(function(){
$(this).stop().fadeTo(400, 0.3); // This should set the opacity to 100% on hover
},function(){
$(this).stop().fadeTo(400, 1.0); // This should set the opacity back to 60% on mouseout
});
});
