Boris777,
<script>
window.onload = function () {
document.getElementById("imagebody").onclick = function (e) {
e = e || event;
target = e.target || e.srcElement;
imgs = document.getElementById("imagebody").getElementsByTagName("a");
if (target.tagName == "A") {
for (i = 0; i < imgs.length; i++) {
imgs[i].style.backgroundColor = "white";
}
target.style.backgroundColor = "blue";
document.example_img.src = "patents/"+target.href.split("#")[1]+".jpg";
}
}
}
</script>
<body>
......
<div id="imagebody">
<ul>
<li><a href="#2256">1. Patent #2347 A, UI20090059, 2012.</a></li>
<li><a href="#2311">2. Patent #2343 A, UI20090061, 2011.</a></li>
<li><a href="#2318">3. Patent #2318 A, UI20090060, 2010.</a></li>
</ul>
</div>
........
<div id="winwrapper">
<div id="imagewrapper"><img src="patents/2256.jpg" width="302" name="example_img" alt="image" />
</div>
</div>
..........
</body>