Postup:
1. Vymažeš všetky zbytočné skripty (link na súbor over_picture.js, všetky onmouseover a onmouseout).
2. Hlavnému obrázku nastavíš identifikátor, napr. id=image.
3. Elementu, ktorý obsahuje obrázky s náhľadmi nastavíš iný identifikátor, napr. id=thumbs.
4. Niekde pod elementy image a thumbs dáš takýto skript:
document.getElementById("thumbs").onmouseover = function(e) {
e = e || window.event;
var target = e.target || e.srcElement;
if (target.tagName == "IMG")
document.getElementById("image").src = target.src.replace(/\/small(\/[^\/]+)$/, "$1")
}
5. Doupravuješ podľa svojich predstáv (skript pôjde asi do externého súboru, osobne by som to HTML trochu zjednodušil - odstránil zbytočné nbsp, premenoval styl17 a styl14 na niečo zmysluplnejšie, zbavil sa tých nadbytočných div align=left, a pod.)