var gal = {
    init : function() {
        if (!document.getElementById || !document.createElement || !document.appendChild) return false;
        if (document.getElementById('gallery')) document.getElementById('gallery').id = 'jgal';
        var li = document.getElementById('jgal').getElementsByTagName('li');
        li[0].className = 'active';
        for (i=0; i<li.length; i++) {
            gal.addEvent(li[i],'mouseover',function() {
			//set the new image src
				var imageSrc = this.getElementsByTagName('img')[0].src;
                var im = document.getElementById('product_image');
                im.src = imageSrc;
                if (this.getElementsByTagName('a').length>0) {
					var lightBoxSrc = this.getElementsByTagName('a')[0].href;
					var imLightbox = document.getElementById('product_image_lightbox');
					imLightbox.href = lightBoxSrc;
				}
			//reset the class of the nonactive images
				var ims = document.getElementById('jgal').getElementsByTagName('li');
				for (j=0; j<ims.length; j++) {
					var image = ims[j].getElementsByTagName('img')[0];
					if (image.hasClassName('active')) {
						image.removeClassName('active');
					}
				}
			//set this image to be active
				this.getElementsByTagName('img')[0].addClassName('active');
            });
        }
    },
    addEvent : function(obj, type, fn) {
        if (obj.addEventListener) {
            obj.addEventListener(type, fn, false);
        }
        else if (obj.attachEvent) {
            obj["e"+type+fn] = fn;
            obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
            obj.attachEvent("on"+type, obj[type+fn]);
        }
    }
}

gal.addEvent(window,'load', function() {
    gal.init();
});