var imageID = new Array();
var imgPath = "/images/main/rollovers/" + product + "/";

window.onload = function(){
	rolloverInit();
	openColors();
}

function rolloverInit(){
	for(var i=0; i < document.images.length; i++){

		var imageRef = document.images[i];
		
		if(imageRef.id && imageRef.id != "main"){
			var linkObj = imageRef;
			imgObj = document.getElementById("main");
			imageID.push(imageRef.id);
			setupRollover(imageRef, imgObj);
		}
	}
}

function setupRollover(thisLink, thisImage) {
	thisLink.mainImage = new Image();
	thisLink.mainImage.src = imgPath + thisLink.id + ".jpg";
	
	thisLink.overImage = new Image();
	thisLink.overImage.src = imgPath + thisLink.id + "_on.gif";

	thisLink.outImage = new Image();
	thisLink.outImage.src = imgPath + thisLink.id + "_off.gif";
	
	thisLink.shownImg = thisImage;
	thisLink.imgToShow = thisLink.overImage.src;
	thisLink.onmouseover = rollOver;
}

function rollOver(){
	this.shownImg.src = this.mainImage.src;
	this.src = this.overImage.src;
	clearAll(this);
}

function clearAll(rollover){
	for(var j=0; j < imageID.length; j++){
		if(rollover.id != imageID[j]){
			document.getElementById(imageID[j]).src = imgPath + imageID[j] + "_off.gif";
		}
	}
}

//color gallery pop-up
function openColors(){
	var idCall = document.getElementById("colors");
	if(idCall){
		if(idCall){
			idCall.onclick = function(){
				window.open("/info_links/" + product + "-colors.html","colors","toolbar=0, menubar=1, location=0, scrollbars=1, resizeable=1, left=30, top=30");
				return false;
			}
		}
	}
}