$(document).ready(function() {
	init();
	
	$('.project_toggle')
	.hover(function() {
		var toggle_id = $(this).attr('id');
		var toggle_array = toggle_id.split("_-_");
		var project_id = toggle_array[0];
		var project_img = $("#" + project_id + " img");
		project_img.stop().animate({ opacity: 0.0 }, {queue:false, duration:1000, easing:'easeOutExpo'});
	}, function() {
		var toggle_id = $(this).attr('id');
		var toggle_array = toggle_id.split("_-_");
		var project_id = toggle_array[0];
		var project_img = $("#" + project_id + " img");
		project_img.stop().animate({ opacity: 1.0 }, {queue:false, duration:1000, easing:'easeOutExpo'});
	});
	
	/*$j('.home img').animate({bottom: '0px'},{queue:false, duration:1000, easing:'easeInOutExpo'});
	$j('.home img').fadeIn(1500);*/
});

function init() {
	$('.project_thumbnail_img')
	.hover(function() {
		var project_id = $(this).parent().attr("id");
		$("#" + project_id + "_-_toggle").addClass('selected');
		$(this).stop().animate({ opacity: 0.0 }, {queue:false, duration:1000, easing:'easeOutExpo'});
	}, function() {
		var project_id = $(this).parent().attr("id");
		$(this).stop().animate({ opacity: 1.0 }, {queue:false, duration:1000, easing:'easeOutExpo'});
		$("#" + project_id + "_-_toggle").removeClass('selected');
	});
}