How to do when the mouse touched to the photos at post will be transparent a bit?

When your mouse had touched the photos it'll be a bit of transparent,but how?
wanna tell you how to do it?Lets start it!
The same go to find the code </head> in Edit HTML there...
Then add this BEFORE of it!

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); 
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); 
},function(){
$(this).fadeTo("slow", 1.0); 
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); 
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); 
},function(){
$(this).fadeTo("slow", 1.0); 
});
});
</script>

DONE!!!