//
// Configuration
//

var mediumImageId = 'zoom_mediumimg'

var containerSmallImagesId = 'zoom_additionalimages';

var smallPrefix = "_size3"
var mediumPrefix = "_size2"


//
// initLightbox()
//
function initPopup()
{
	if(!$(mediumImageId)){
		return;
	}

	var mediumImageObj = $(mediumImageId)
	var smallImages = $$("#" + containerSmallImagesId + " img")
	
	
	var mediumImagesNames = new Array(smallImages.length)
	
	for(var i = 0; i< smallImages.length; i++){
		mediumImagesNames[i] = smallImages[i].src.replace(smallPrefix, mediumPrefix)
	}
			
	function smallImageMouseOver(event){
		var obj = Event.element(event)
		if(obj.nodeName == "TD"){
			obj = obj.getElementsByTagName("img").item(0)
		}
		var index = obj.getAttribute("index")
		mediumImageObj.setAttribute("index", index) 
		mediumImageObj.title = obj.title
		mediumImageObj.src = mediumImagesNames[index]
		
	}
		
	for(var i = 0; i< smallImages.length; i++){
		smallImages[i].setAttribute("index", i)
		smallImages[i].observe("mouseover", smallImageMouseOver)
	}
		
	mediumImageObj.setAttribute("index", 0)	
		
	var preloadImages = new Array(smallImages.length);//new Image();
	for(var i = 0; i< smallImages.length; i++){
		preloadImages[i] = new Image();
		preloadImages[i].src = mediumImagesNames[i]
	}
}

	
Event.observe(window, "load", initPopup)