Помогите настроить js смена картинки при наведении

<script type="text/javascript">
$(document).ready(function(){
$('.poster_play').each(function(){
      $(this).animate({opacity:'1.0'},1);
      $(this).mouseover(function(){
          $(this).stop().animate({opacity:'0.3'},600);
      });
      $(this).mouseout(function(){
          $(this).stop().animate({opacity:'1.0'},300);
      });
});
});
</script>

.full_img_poster {
  padding:2px;
  width:200px;
}

.poster {
  border:1px solid #CCC;
  -webkit-box-shadow: 0px 0px 3px #A6A6A6;
    -moz-box-shadow: 0px 0px 3px #A6A6A6;
    box-shadow: 0px 0px 3px #A6A6A6;
  width:204px;
  background:url(../images/playb.png) no-repeat center;
}

<img style="opacity: 1;" class="full_img_poster poster_play" src="http://datix.tv/uploads/1346695985_4744.jpg" alt="серия 13. серия" title="">