<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function() {

$("h4.imgRep").append('')
      $(".thn_imgRep a").click(function(){

         var largePath = $(this).attr("href");
         var largeAlt = $(this).attr("title");
         $("#largeImg_imgRep").attr({ src: largePath, alt: largeAlt });
         $("h4.imgRep em").html(" (" + largeAlt + ")"); return false;
      });
});
</script>

/* image replacement */
h4.imgRep em {
   color: #999999;
}

#largeImg_imgRep {
   border: solid 1px #ccc;
   width: 300px;
   height: 220px;
   padding: 5px;
}

.thn_imgRep img {
   border: solid 1px #ccc;
   width: 50px;
   height: 40px;
   padding: 2px;
}
.thn_imgRep img:hover {
   border-color: #a00;
}