$(document).ready(function(){
	
	$(".box").children().mouseover(function(event){
		event.preventDefault();
		var class_name = $(this).attr('class');
		$("."+class_name).css('opacity','.0');
		$("."+class_name).css('filter','alpha(opacity=0)');
	}).mouseout(function(event){
		event.preventDefault();
		var class_name = $(this).attr('class');
		
		// line 13 and 14 should match the values set in style.css
		$("."+class_name).css('opacity','.5');
		$("."+class_name).css('filter','alpha(opacity=50)');
	});
						

});