$(document).ready(function() {


	// make sure the image is at full opacity on load
	$(".fade").css("opacity", "0.7");

	// Change speed/opactity of mouseover state
	$('.fade').mouseover(function() {
		$(this).stop().fadeTo(500, 1.0);
		var self=this;
		$('.fade').each(function(m) {
			if (self!=this) {
				$(this).stop().fadeTo(500, 0.3);
			}
		});
    });

	// Change speed/opactity of mouseout state
	$('.fade').mouseout(function() {
		$('.fade').stop().fadeTo(500, 0.7);
    });

});