Simplificando un poco...
Código PHP:
<script>
var enlace=new Array;
enlace[1]="http://www.yahoo.com";
enlace[2]="http://www.google.com";
enlace[3]="http://www.maestrosdelweb.com";
enlace[4]="http://www.forosdelweb.com";
var pepeEnlace=location.href;
var clickeado;
function encima(deEsto){
anterior=document.images[4].src;
deEsto.src=deEsto.src.split("-")[0]+"-1.jpg";
document.images[4].src=deEsto.src.split("-")[0]+".jpg"
}
function fuera(deEsto){
deEsto.src=deEsto.src.split("-")[0]+"-0.jpg";
if(clickeado!=deEsto)document.images[4].src=anterior;
}
function pinchado(esto){
clickeado=esto;
pepeEnlace=enlace[esto.id];
}
</script>
<style>
img{cursor:pointer;
cursor:hand;
</style>
<img id="1"
style="position:relative;top:0px;"
onmouseover="encima(this)"
onmouseout="fuera(this)"
onclick="pinchado(this)"
src="http://www.limadata.com/zippo/ayudame/imagenes/2123-0.jpg"><br>
<img id="2"
style="position:relative;top:30px;"
onmouseover="encima(this)"
onmouseout="fuera(this)"
onclick="pinchado(this)"
src="http://www.limadata.com/zippo/ayudame/imagenes/3001-0.jpg"><br>
<img id="3"
style="position:relative;top:60px;"
onmouseover="encima(this)"
onmouseout="fuera(this)"
onclick="pinchado(this)"
src="http://www.limadata.com/zippo/ayudame/imagenes/3143-0.jpg"><br>
<img id="4"
style="position:relative;top:90px;"
onmouseover="encima(this)"
onmouseout="fuera(this)"
onclick="pinchado(this)"
src="http://www.limadata.com/zippo/ayudame/imagenes/3144-0.jpg"><br>
<img style="left:140px;top:10px;position:absolute;"
onclick="ventana=window.open(pepeEnlace,'ventana')"
id="grande"
src="http://www.limadata.com/zippo/ayudame/imagenes/fijo.jpg">
</body>
</html>
Y feliz Navidad!! 