var sGalleryImgDir = "images/gallery";

var aDisplayImages = new Array();
/* Gallery 1 */
aDisplayImages["empower"] = sGalleryImgDir + "/empower.jpg";
aDisplayImages["plico"] = sGalleryImgDir + "/plico.jpg";
aDisplayImages["king_ball_bearing"] = sGalleryImgDir + "/king_ball_bearing.jpg";
aDisplayImages["kinetiscape"] = sGalleryImgDir + "/kinetiscape.jpg";
aDisplayImages["disposable_phone"] = sGalleryImgDir + "/disposable_phone.jpg";
aDisplayImages["roccio"] = sGalleryImgDir + "/roccio.jpg";

aDisplayImages["oculus"] = sGalleryImgDir + "/oculus.jpg";
aDisplayImages["motio"] = sGalleryImgDir + "/motio.jpg";
aDisplayImages["joe_faucet"] = sGalleryImgDir + "/joe_faucet.jpg";
aDisplayImages["ryba"] = sGalleryImgDir + "/ryba.jpg";
aDisplayImages["child_furniture"] = sGalleryImgDir + "/child_furniture.jpg";
aDisplayImages["kaboom"] = sGalleryImgDir + "/kaboom.jpg";

/* Gallery 2 */
aDisplayImages["cres_chess"] = sGalleryImgDir + "/cres_chess.jpg";
aDisplayImages["cres_greeny"] = sGalleryImgDir + "/cres_greeny.jpg";
aDisplayImages["gita_birdhouse"] = sGalleryImgDir + "/gita_birdhouse.jpg";
aDisplayImages["sedo"] = sGalleryImgDir + "/sedo.jpg";
aDisplayImages["ivvot"] = sGalleryImgDir + "/ivvot.jpg";
aDisplayImages["tape"] = sGalleryImgDir + "/tape.jpg";

aDisplayImages["jon_phone"] = sGalleryImgDir + "/jon_phone.jpg";
aDisplayImages["king_shakers"] = sGalleryImgDir + "/king_shakers.jpg";
aDisplayImages["erva"] = sGalleryImgDir + "/erva.jpg";
aDisplayImages["grasshopper"] = sGalleryImgDir + "/grasshopper.jpg";
aDisplayImages["janus"] = sGalleryImgDir + "/janus.jpg";
aDisplayImages["phoenix"] = sGalleryImgDir + "/phoenix.jpg";


var aClearImages = new Array();
/* Gallery 1 */
aClearImages["empower"] = sGalleryImgDir + "/empower_thumb.jpg";
aClearImages["plico"] = sGalleryImgDir + "/plico_thumb.jpg";
aClearImages["king_ball_bearing"] = sGalleryImgDir + "/king_ball_bearing_thumb.jpg";
aClearImages["kinetiscape"] = sGalleryImgDir + "/kinetiscape_thumb.jpg";
aClearImages["disposable_phone"] = sGalleryImgDir + "/disposable_phone_thumb.jpg";
aClearImages["roccio"] = sGalleryImgDir + "/roccio_thumb.jpg";

aClearImages["oculus"] = sGalleryImgDir + "/oculus_thumb.jpg";
aClearImages["motio"] = sGalleryImgDir + "/motio_thumb.jpg";
aClearImages["joe_faucet"] = sGalleryImgDir + "/joe_faucet_thumb.jpg";
aClearImages["ryba"] = sGalleryImgDir + "/ryba_thumb.jpg";
aClearImages["child_furniture"] = sGalleryImgDir + "/child_furniture_thumb.jpg";
aClearImages["kaboom"] = sGalleryImgDir + "/kaboom_thumb.jpg";

/* Gallery 2 */
aClearImages["cres_chess"] = sGalleryImgDir + "/cres_chess_thumb.jpg";
aClearImages["cres_greeny"] = sGalleryImgDir + "/cres_greeny_thumb.jpg";
aClearImages["gita_birdhouse"] = sGalleryImgDir + "/gita_birdhouse_thumb.jpg";
aClearImages["sedo"] = sGalleryImgDir + "/sedo_thumb.jpg";
aClearImages["ivvot"] = sGalleryImgDir + "/ivvot_thumb.jpg";
aClearImages["tape"] = sGalleryImgDir + "/tape_thumb.jpg";

aClearImages["jon_phone"] = sGalleryImgDir + "/jon_phone_thumb2.jpg";
aClearImages["king_shakers"] = sGalleryImgDir + "/king_shakers_thumb.jpg";
aClearImages["erva"] = sGalleryImgDir + "/erva_thumb.jpg";
aClearImages["grasshopper"] = sGalleryImgDir + "/grasshopper_thumb.jpg";
aClearImages["janus"] = sGalleryImgDir + "/janus_thumb.jpg";
aClearImages["phoenix"] = sGalleryImgDir + "/phoenix_thumb.jpg";


var aBlurImages = new Array();
/* Gallery 1 */
aBlurImages["empower"] = sGalleryImgDir + "/empower_thumb_d.jpg";
aBlurImages["plico"] = sGalleryImgDir + "/plico_thumb_d.jpg";
aBlurImages["king_ball_bearing"] = sGalleryImgDir + "/king_ball_bearing_thumb_d.jpg";
aBlurImages["kinetiscape"] = sGalleryImgDir + "/kinetiscape_thumb_d.jpg";
aBlurImages["disposable_phone"] = sGalleryImgDir + "/disposable_phone_thumb_d.jpg";
aBlurImages["roccio"] = sGalleryImgDir + "/roccio_thumb_d.jpg";

aBlurImages["oculus"] = sGalleryImgDir + "/oculus_thumb_d.jpg";
aBlurImages["motio"] = sGalleryImgDir + "/motio_thumb_d.jpg";
aBlurImages["joe_faucet"] = sGalleryImgDir + "/joe_faucet_thumb_d.jpg";
aBlurImages["ryba"] = sGalleryImgDir + "/ryba_thumb_d.jpg";
aBlurImages["child_furniture"] = sGalleryImgDir + "/child_furniture_thumb_d.jpg";
aBlurImages["kaboom"] = sGalleryImgDir + "/kaboom_thumb_d.jpg";

/* Gallery 2 */
aBlurImages["cres_chess"] = sGalleryImgDir + "/cres_chess_thumb_d.jpg";
aBlurImages["cres_greeny"] = sGalleryImgDir + "/cres_greeny_thumb_d.jpg";
aBlurImages["gita_birdhouse"] = sGalleryImgDir + "/gita_birdhouse_thumb_d.jpg";
aBlurImages["sedo"] = sGalleryImgDir + "/sedo_thumb_d.jpg";
aBlurImages["ivvot"] = sGalleryImgDir + "/ivvot_thumb_d.jpg";
aBlurImages["tape"] = sGalleryImgDir + "/tape_thumb_d.jpg";

aBlurImages["jon_phone"] = sGalleryImgDir + "/jon_phone_thumb_d.jpg";
aBlurImages["king_shakers"] = sGalleryImgDir + "/king_shakers_thumb_d.jpg";
aBlurImages["erva"] = sGalleryImgDir + "/erva_thumb_d.jpg";
aBlurImages["grasshopper"] = sGalleryImgDir + "/grasshopper_thumb_d.jpg";
aBlurImages["janus"] = sGalleryImgDir + "/janus_thumb_d.jpg";
aBlurImages["phoenix"] = sGalleryImgDir + "/phoenix_thumb_d.jpg";


function setupMouseClicks(sGalleryID, aImages) {
	
	for (var sProductID in aImages) {
		addOnClickEvent(sGalleryID, sProductID);
	}
	
}

function addOnClickEvent(sGalleryID, sProductID) {
	
	var oEmpElem = document.getElementById(sProductID);
	if (oEmpElem != null) {
		oEmpElem.onclick = function () { 
								//var oGalleryImage = document.getElementById("galleryImage");
								//oGalleryImage.src = aImages[sProductID]; 
								//setupChosenImage(sProductID);
								setupDisplayImages(sGalleryID, sProductID);
							};
	}
	
}

function preloadGallery(sGalleryID) {
	
	if (sGalleryID == 1) {
		MM_preloadImages(aDisplayImages["empower"],aDisplayImages["plico"],aDisplayImages["king_ball_bearing"],aDisplayImages["kinetiscape"],aDisplayImages["disposable_phone"],aDisplayImages["roccio"]);
		MM_preloadImages(aDisplayImages["oculus"],aDisplayImages["motio"],aDisplayImages["joe_faucet"],aDisplayImages["ryba"],aDisplayImages["child_furniture"],aDisplayImages["kaboom"]);
	} else if (sGalleryID == 2) {
		MM_preloadImages(aDisplayImages["cres_chess"],aDisplayImages["cres_greeny"],aDisplayImages["gita_birdhouse"],aDisplayImages["sedo"],aDisplayImages["ivvot"],aDisplayImages["tape"]);
		MM_preloadImages(aDisplayImages["jon_phone"],aDisplayImages["king_shakers"],aDisplayImages["erva"],aDisplayImages["grasshopper"],aDisplayImages["janus"],aDisplayImages["phoenix"]);
	}

}

function hideDetails(aProducts) {
	for (var sID in aProducts) {
		var oElement = document.getElementById("div_" + sID);
		if (oElement != null) {
			oElement.style.display = "none";
		}
	}
}

function showDetails(sID) {
	var oElement = document.getElementById("div_" + sID);
	if (oElement != null) {
		oElement.style.display = "block";
	}
}


function setupChosenImage(sItemID) {

	var oImage = new Image();
	oImage = document.getElementById(sItemID);
	
	/* Turn off mousover events */
	oImage.onmouseover = null;
	oImage.onmouseout = null;
	
	/* Unblur image */
	oImage.src = aClearImages[sItemID];

	/* Display main gallery image */	
	var oGalleryImage = document.getElementById('galleryImage');
	oGalleryImage.src = aDisplayImages[sItemID];
	oGalleryImage.alt = document.getElementById(sItemID).alt;
}

function setupDisplayImages(sChosenGalleryNum, sChosenItemID) {
	
	blurImages(aBlurImages);
	setupMouseOvers(aClearImages);
	
	/* Hide details of all products */
	hideDetails(aClearImages);
	
	/* Hide all gallery images */
	document.getElementById("gallery1").style.display = "none";
	document.getElementById("gallery2").style.display = "none";
	
	/* Hide all page numbers */
	document.getElementById("span_textpage1").style.display = "none";
	document.getElementById("span_textpage2").style.display = "none";
	
	
	/* Display the chosen product's info */
	if (sChosenItemID == null) {
		
		/* Get default display image */
		if (sChosenGalleryNum == "2") {
			sChosenItemID="cres_chess";
		} else {
			sChosenItemID="empower";
		}
	}
	setupChosenImage(sChosenItemID);
	
	/* Show details for chosen product */
	showDetails(sChosenItemID);

	
	/* Display only one gallery */
	var sGalleryID = null;
	if (sChosenGalleryNum == null) {
		sChosenGalleryNum = "1";  // Default	
	}
	sGalleryID = "gallery" + sChosenGalleryNum;
	document.getElementById(sGalleryID).style.display = "block";


	/* Display text for current page number and  hide link */
	document.getElementById("span_textpage"+sChosenGalleryNum).style.display = "inline"
	document.getElementById("span_linkpage"+sChosenGalleryNum).style.display = "none";
}