$(function(){
	
	$('#content img[src$="_ss.jpg"]').wrap(function(){
		var _imgl = this.src.replace("_ss.jpg", "_sl.jpg");
		return '<a href="' + _imgl + '" rel="image_sl"></a>'
	})
	
	$('#content a img').hover(function(){
			$(this).animate({opacity: 0.5}, 100);
	    }, function(){
	    	$(this).animate({opacity: 1}, 100);
	    }
	);
	

	$("a[rel='image_sl']").colorbox();
})