Vanvalkinburgh.org

   <style>
   	.pic {
	opacity: 0.4;
}
.fpic {
	float: left;
	width: 480px;
}
.pics dd {
width: 100px;
float: right;
clear: right;
}
.pics dd img {
width: 100px;
height: 100px;
}
   </style>

   $(document).ready(function() {
   			$('.pics dd img').hover(
   			function () {
   				$(this).css("opacity", "1");
   				},
   				function () {
   				$(this).css("opacity", "0.4");
   				}
   		);
    });
    function jsIMG(pSRC) {
    	pHTML = "<img src=\"" + pSRC + "\" width=\"480\" height=\"320\" />"; 
   		$('.fpic').html(pHTML);
    }

 <center>
 <div class="pics">
 <div class="fpic">
 </div>
 <dd>
 	<a href="javascript:jsIMG('http://vanvalkinburgh.org/wp-content/uploads/2009/06/photo.jpg')"><img src="http://vanvalkinburgh.org/wp-content/uploads/2009/06/photo-150x150.jpg" class="pic"/></a>
 	<a href="javascript:jsIMG('http://vanvalkinburgh.org/wp-content/uploads/2009/06/photo-1.jpg')"><img src="http://vanvalkinburgh.org/wp-content/uploads/2009/06/photo-1-150x150.jpg" class="pic"/></a>
 	</dd>
 	<dd>
 	<a href="javascript:jsIMG('http://vanvalkinburgh.org/wp-content/uploads/2009/06/photo-2.jpg')"><img src="http://vanvalkinburgh.org/wp-content/uploads/2009/06/photo-2-150x150.jpg" class="pic"/></a>
 	<a href="javascript:jsIMG('http://vanvalkinburgh.org/wp-content/uploads/2009/06/photo-3.jpg')"><img src="http://vanvalkinburgh.org/wp-content/uploads/2009/06/photo-3-150x150.jpg" class="pic"/></a>
 	</dd>
 </div>
 </center>