/* makeGallery.js - (c)2007 SugarHill Works LLC - http://www.sugarhillworks.com */



//---------------------------------------------------------------//
// DO NOT EDIT BELOW THIS LINE ----------------------------------//
//---------------------------------------------------------------//

if (!imgID) {
	var imgID = 0;
}

var imgTags = [];
//var thmTags = [];
//var hdr_p;
//var thms_p;
var main_p;
var mainNav_div;
//var mNavHome;
//var photogWebsite_a;
var mainImg;
//var sto;

// THIS FUNCTION PUTS THE APPROPRIATE HTML TAGS INTO thmTags[] AND imgTags[] ARRAYS
function loadTags() {
//	hdr_p = document.getElementById("hdr_p");
//	hdr_p.innerHTML = thisPhotographer;
//	thms_p = document.getElementById("thms_p");
	main_p = document.getElementById("main_p");
	mainNav_div = document.getElementById("mainNav_div");
	mNavHome = document.getElementById("mainNav_div").innerHTML;
	mainImg = document.getElementById("mainImg");
//	photogWebsite_a = document.getElementById("photogWebsite_a");

	main_div.style.background = "url(../../img/"+ldgGif+") center no-repeat"; //url path relative to *calling* file
//	photogWebsite_a.setAttribute("href", photogWebsite);
//	photogWebsite_a.setAttribute("target", "new");
	
//	for(var g = 0; g < thumbFilenames.length; g++) {
//		var gStr = g.toString();
//		if (g > 0) {
//			thms[g] = new Image();
//			thms[g].src = thmsFolder + "/" + thumbFilenames[g];
//			thmTags[g] = "<a href=\"#\" onclick=\"makeImgTag(" + gStr + ");\" onmouseover=\"sto=setTimeout(\'makeImgTag(" + gStr + ");\', 500);\" onmouseout=\"window.clearTimeout(sto);\">" + 
//				"<img id=\"thumbImg" + g + "\" src=\"" + thms[g].src + "\" alt=\"thumbnail\" " +
//				" style=\"opacity:"+thmOpacityDefault+";" + 
//					"opacity:"+thmOpacityDefault+";" +
//					"MozOpacity:"+thmOpacityDefault+";" +
//					"filter:alpha(opacity="+(thmOpacityDefault*100)+");" +
//					"filter:progid:dximagetransform.microsoft.alpha(opacity="+(thmOpacityDefault*100)+");\" " +
//				" onmouseover=\"this.style.opacity=\'"+thmOpacityOver+"\'; " +
//					"this.xOpacity='"+thmOpacityOver+"';  " +
//					"this.style.opacity='"+thmOpacityOver+"'; " +
//					"this.style.MozOpacity='"+thmOpacityOver+"'; " +
//					"this.style.filter='alpha(opacity="+(thmOpacityOver*100)+")';" +
//					"this.style.filter='progid:dximagetransform.microsoft.alpha(opacity="+(thmOpacityOver*100)+")';\"; " +
//				" onmouseout=\"this.style.opacity=\'"+thmOpacityDefault+"\'; " +
//					"this.xOpacity='"+thmOpacityDefault+"';  " +
//					"this.style.opacity='"+thmOpacityDefault+"'; " +
//					"this.style.MozOpacity='"+thmOpacityDefault+"'; " +
//					"this.style.filter='alpha(opacity="+(thmOpacityDefault*100)+")';" +
//					"this.style.filter='progid:dximagetransform.microsoft.alpha(opacity="+(thmOpacityDefault*100)+")';\"; " +
//				" />" +
//				"</a>"; // add a <br> here for vertically displayed thumbs
//		}
//	}
	
	for(var g = 0; g < imageFilenames.length; g++) {
		var gStr = g.toString();
		imgs[g] = new Image();
		imgs[g].src = gPicsFolder + "/" + imageFilenames[g];
		imgTags[g] = 	"<img id=\"mainImg\" src=\"" + imgs[g].src + "\" " +
							" alt=\""+defaultTitle+titleSeparator+portfolioTitle+"\" " + 
							" title=\""+defaultTitle+titleSeparator+portfolioTitle+"\" " + 
							"/>";
	}

	return imgTags;//, thmTags;
}


// THIS FUNCTION CONTROLS THE THUMBNAILS LAYOUT
// 
//var thmsHTML = "";
//var thmPnum = 10; //max 10 thumbs in layout
//var thmLnum; 
//var thmRnum; 

//function makeThmsTags(arg) {
//
//	navArwLimg = document.getElementById("navArwLimg");
//	navArwRimg = document.getElementById("navArwRimg");
//	
//	
//	if(!arg){
//		thmLnum = 1;
//		thmRnum = thmLnum + (thmPnum - 1);
//		for (var t = thmLnum; t <= thmRnum; t++){
//			thmsHTML = thmsHTML + thmTags[t] + "\n";
//		}
//		thms_p.innerHTML = thmsHTML;
//		navArwLimg.style.visibility = "hidden";
//		navArwRimg.style.visibility = "visible";
//	}
//	else {
//		//figure out which thumbnails to display
//		if(arg == -1) { //scroll left
//			thmLnum = thmLnum - 1;
//			if(thmLnum < 2) {
//				thmLnum = 1;
//				navArwLimg.style.visibility = "hidden";
//				navArwRimg.style.visibility = "visible";
//			}
//			else if(thmRnum == thmTags.length + 1) {
//				navArwLimg.style.visibility = "visible";
//				navArwRimg.style.visibility = "hidden";
//			}
//			else {
//				navArwLimg.style.visibility = "visible";
//				navArwRimg.style.visibility = "visible";
//			}
//			thmRnum = thmLnum + thmPnum;
//		}
//		if(arg == 1) {//scroll right
//			thmRnum = thmRnum + 1;
//			if(thmRnum >= thmTags.length) {
//				thmRnum = thmTags.length;
//				navArwLimg.style.visibility = "visible";
//				navArwRimg.style.visibility = "hidden";
//			}
//			else if(thmRnum == thmTags.length) {
//				navArwLimg.style.visibility = "visible";
//				navArwRimg.style.visibility = "hidden";
//			}
//			else {
//				navArwLimg.style.visibility = "visible";
//				navArwRimg.style.visibility = "visible";
//			}
//			thmLnum = thmRnum - thmPnum;
//			if (thmLnum < 2) {
//				navArwLimg.style.visibility = "hidden";
//				return;
//			}
//		}
//		
//		thmsHTML = "";
//		for (var t = thmLnum; t < thmRnum; t++){
//			thmsHTML = thmsHTML + thmTags[t] + "\n";
//		}
//		thms_p.innerHTML = thmsHTML;
//	}
//	// re-highlight the currently displayed image if the thumb is still visible
//	actThm = document.getElementById("thumbImg" + imgID);
//	if(actThm) {
//		function actThm_rOver() {
//			actThm.xOpacity = thmOpacityOver;
//			actThm.style.opacity = thmOpacityOver.toString();
//			actThm.style.MozOpacity = thmOpacityOver;
//			actThm.style.filter = "alpha(opacity="+(thmOpacityOver*100)+")";
//			actThm.style.filter = "progid:dximagetransform.microsoft.alpha(opacity="+(thmOpacityOver*100)+")";
//		}
//		actThm_rOver();
//		actThm.onmouseover = actThm_rOver;
//		actThm.onmouseout = actThm_rOver; //... yes,out = rOver -> so the active thumb stays active mouseover or -out.
//	}
//	return thmsHTML, thmLnum, thmRnum, navArwLimg, navArwRimg;
//}

var navArwLa, navArwRa;
var navArwLimg = new Image();
var navArwRimg = new Image();

//var thmsto;
// THIS FUNCTION CONTROLS THE DISPLAY OF THE MAIN GALLERY
// It changes the currently displayed image, advances navigation, and un-/highlights appropriate
// thumbnails, etc...
	function setImgTop() {
		var mImg = document.getElementById("mainImg");
		mImg.style.visibility = "hidden";
		main_p.style.visibility = "hidden";

//		if(mImg.height < 1) {//get out if img height is reported incorrectly by the browser (read: Safari)
//			mImg.style.visibility = "visible";
//			main_p.style.visibility = "visible";
//			return;
//		}
//		mImg.style.top = (((parseInt(main_div.style.height) - (mImg.height + 0)) / 2)) - (0) + "px";
		mImg.style.visibility = "visible";
		main_p.style.visibility = "visible";
	}
function makeImgTag(argTag) {
	if((imgID == argTag) && (imgID != 0)) { //don't run the function just to display the same layout that is showing already
		return;
	}

//	if(sto){ // don't run the function more than once at a time
//		window.clearTimeout(sto);
//	}
//	
	//display or change the main image
	main_p.style.visibility = "hidden";
	main_p.innerHTML = imgTags[argTag];
	var mImg = document.getElementById("mainImg");
	mImg.style.position = "relative";
	mImg.style.visibility = "hidden";
	setTimeout("setImgTop();",1);
	


	//highlight/unhighlight thumbnails of currently/previously displayed image
	if (!argTag) {
		argTag = 1;
		imgID = 0;
	}

//	var prvThm = document.getElementById("thumbImg" + imgID);
//	var actThm = document.getElementById("thumbImg" + argTag);
	

	//these vars set the contents of the mainNav div on the galleries
	var portfolioTitleHTML = "<span class=\"portfolioTitle\">" + portfolioTitle + "</span>";
	var navNums = "<span class=\"navnums\">" + argTag + "&nbsp;/&nbsp;" + (imgs.length-1) + "</span>";

	var mNavHTML = "";
	mNavHTML = portfolioTitleHTML + "&nbsp;&nbsp;" + navNums ;
	mainNav_div.innerHTML = mNavHTML;
	
//	if (imgID != 0) {
//		// un-highlight the previous image's thumb and update navigation
//		function prvThm_rOver() {
//			prvThm.xOpacity = thmOpacityOver;
//			prvThm.style.opacity = thmOpacityOver.toString();
//			prvThm.style.MozOpacity = thmOpacityOver.toString();
//			prvThm.style.filter = "alpha(opacity="+(thmOpacityOver*100)+")";
//			prvThm.style.filter = "progid:dximagetransform.microsoft.alpha(opacity="+(thmOpacityOver*100)+")";
//		}
//		function prvThm_rOut() {
//			prvThm.xOpacity = thmOpacityPrev;
//			prvThm.style.opacity = thmOpacityPrev.toString();
//			prvThm.style.MozOpacity = thmOpacityPrev.toString();
//			prvThm.style.filter = "alpha(opacity="+(thmOpacityPrev*100)+")";
//			prvThm.style.filter = "progid:dximagetransform.microsoft.alpha(opacity="+(thmOpacityPrev*100)+")";
//		}
//		if(prvThm) { 
//			prvThm_rOut();
//		}
//
//		if (prvThm) {
//			prvThm.onmouseover = prvThm_rOver;
//			prvThm.onmouseout = prvThm_rOut;
//		}
//	}
//	function actThm_rOver() {
//		actThm.xOpacity = thmOpacityOver;
//		actThm.style.opacity = thmOpacityOver.toString();
//		actThm.style.MozOpacity = thmOpacityOver.toString();
//		actThm.style.filter = "alpha(opacity="+(thmOpacityOver*100)+")";
//		actThm.style.filter = "progid:dximagetransform.microsoft.alpha(opacity="+(thmOpacityOver*100)+")";
//	}
//	function actThm_rOut() { 
//		actThm.xOpacity = thmOpacityActive;
//		actThm.style.opacity = thmOpacityActive.toString();
//		actThm.style.MozOpacity = thmOpacityActive.toString();
//		actThm.style.filter = "alpha(opacity="+(thmOpacityActive*100)+")";
//		actThm.style.filter = "progid:dximagetransform.microsoft.alpha(opacity="+(thmOpacityActive*100)+")";
//	}
//	actThm_rOut();
//	actThm.onmouseover = actThm_rOver;
//	actThm.onmouseout = actThm_rOver;


	//SET UP THE THUMBNAIL NAVIGATION ARROWS
	navArwLa = document.getElementById("navArwLa");
	navArwRa = document.getElementById("navArwRa");
	navArwLimg = document.getElementById("navArwLimg");
	navArwRimg = document.getElementById("navArwRimg");
//	function navArwL_rOver() { thmsto = setInterval("makeThmsTags(-1)",100); return thmsto; }
//	function navArwL_rOut() { window.clearTimeout(thmsto); }
//	function navArwR_rOver() { thmsto = setInterval("makeThmsTags(1)",100); return thmsto; }
//	function navArwR_rOut() { window.clearTimeout(thmsto); }
//	navArwLimg.onmouseover = navArwL_rOver;
//	navArwLimg.onmouseout = navArwL_rOut;
//	navArwRimg.onmouseover = navArwR_rOver;
//	navArwRimg.onmouseout = navArwR_rOut;
	if((argTag-1) < 1) {
		navArwLa.style.visibility = "hidden";
		navArwLimg.style.visibility = "hidden";
	}
	else if((argTag+1) == imgTags.length) {
		navArwRa.style.visibility = "hidden";
		navArwRimg.style.visibility = "hidden"; }
	else {
		navArwLa.style.visibility = "visible";
		navArwRa.style.visibility = "visible";
		navArwLimg.style.visibility = "visible";
		navArwRimg.style.visibility = "visible";
	}
	navArwRimg.onclick = function navArwR_clk() { makeImgTag(imgID+1); };
	navArwLimg.onclick = function navArwL_clk() { makeImgTag(imgID-1); };
	
//	
	//reset...
	imgID = argTag;

	return imgID;//, actThm;
}


//function makeBio() {
//	main_div.style.background = "none";
//	main_div.style.overflow = "auto";
//	thms_p.style.visibility = "hidden";
//	navArwLimg.style.visibility = "hidden";
//	navArwRimg.style.visibility = "hidden";
//
//	mainNav_div.innerHTML = "<span class=\"portfolioTitle\">" + "BIO / CLIENTS" + "</span>" + mNavHome; 
//	
//	var clientsL = "";
//	var clientsR = "";
//	for(var i = 0; i < photogClients.length; i++) {
//		photogClients[i] = photogClients[i].replace(/[\s*]/g, "&nbsp;");
//	}
//	for(var i = 0; i < Math.round(photogClients.length / 2); i++) {
//		clientsL += photogClients[i] + "<br>";
//	}
//	for(var i = Math.round(photogClients.length / 2); i < photogClients.length; i++) {
//		clientsR += photogClients[i] + "<br>";
//	}
//	
//	main_div.innerHTML = "<p class=\"bioTxt\">" + photogBio + "</p>" +
//						 "<div class=\"clientList\">" + 
//						 	"<p class=\"clientListHdr\">CLIENTS</p>" + 
//						 	"<p class=\"clientListL\">" + clientsL + "</p>" + 
//						 	"<p class=\"clientListR\">" + clientsR + "</p>" + 
//							"<p class=\"clr\">&nbsp;</p>" + 
//						 "</div>";
//}
//
//function exitBio() {
//	main_div.style.overflow = "hidden";
//	thms_p.style.visibility = "visible";
//	
//	main_div.innerHTML = "<p id=\"main_p\">&nbsp;</p>";
//	makeImgTag(1);
//}