// Setup rollover events for top image panel
//   Rolling over thumbnails changes the main image,
//   Leaving the thumbnail container changes the image back to the default

(function() {
    if (document.getElementById("thumbnails")) {
        
        var thumbsContainer = document.getElementById("thumbnails");
        var thumbs = thumbsContainer.getElementsByTagName("IMG");
        
        for (var i = 0, maxLength = thumbs.length; i < maxLength; ++i) {
            thumbs[i].setAttribute("fullImageSrc","url(images/img_" + (i+1) + "-500x300.jpg)");
            thumbs[i].onmouseover = function() {
                document.getElementById("full_image_container").style.backgroundImage = this.getAttribute('fullImageSrc');
            }
        }

        thumbsContainer.onmouseout = function() {
            document.getElementById("full_image_container").style.backgroundImage = "url(images/img_main-500x300.jpg)";
        }
    }
})();