addLoadEvent(initMiniGallery);
function initMiniGallery(){
	var gallery = getId("gallery");
	if(gallery){
		var thumbs = getTag("li",gallery)
		if(thumbs.length > 0){
			thumbs[0].className = "selected";
			activateMiniGallery(gallery);
		}
	}
}

function activateMiniGallery(gallery){
	var ullist = getTag("ul",gallery)[0];
	var thumbs = getTag("a",ullist);
	for(var i=0; i<thumbs.length; i++){
		thumbs[i].onmouseover = function(){
			var href = this.href;
			clearHighlight();
			this.className = "selected";
			this.parentNode.className = "selected";
			var mainimgsrc = this.href.split("thumb_")[1];
			var mainimage = getId("mainImage");
			mainimage.src = "/webresources/images/products/" + mainimgsrc;
		}
		thumbs[i].onclick = function(){
			return false;
		}
	}
}

function clearHighlight(){
	var gallery = getId("gallery");
	var links = getTag("a",gallery);

	for(var i=0; i<links.length; i++){
		if(links[i].parentNode.className != ""){
			links[i].parentNode.className = "";
		}
	}
}