/* 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 = new Image();
var sto;

// THIS FUNCTION PUTS THE APPROPRIATE HTML TAGS INTO thmTags[] AND imgTags[] ARRAYS
function loadTags() {
	hdr_p = document.getElementById("hdr_p");
	var hdr_photog = document.createElement('span');
	hdr_photog.innerHTML = thisPhotographer;
	hdr_p.appendChild(hdr_photog);//insertBefore(hdr_photog, document.getElementById("listMenuRoot3");
	thms_p = document.getElementById("thms_p");
	main_p = document.getElementById("main_p");
	mainNav_div = document.getElementById("mainNav_div");
	mNavPortfolios = document.getElementById("mainNav_portfolios").innerHTML;
	mNavHome = document.getElementById("home_div").innerHTML;
	mainImg = document.getElementById("mainImg");
	photogWebsite_a = document.getElementById("photogWebsite_a");
	
	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=\"\" " +
				" 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=\""+thisPhotographer+titleSeparator+portfolioTitle+"\" " + 
							" title=\""+thisPhotographer+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; 
var navArwLimg = new Image();
var navArwRimg = new Image();

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 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 = new Image();
		mImg = document.getElementById("mainImg");
		if(mImg.height < 50) {//get out if img height is reported incorrectly by the browser (read: Safari)
			setTimeout('setImgTop();',500);
			return;
		}
		mImg.style.top = ((parseInt(main_div_cntr.style.height) - (mImg.height + 2)) / 2) + "px";
		
		mImg.style.visibility = "visible";
		main_p.style.visibility = "visible";
	}
	function mNav(navarg,direction) {
		makeImgTag(navarg);
		var actThm = document.getElementById('thumbImg' + navarg);
		//if (actThm) alert("thumb#"+navarg+"present!\n"+direction);
		if (!actThm) {
			if ((thmRnum - thmLnum) > (thmPnum - 1)) {
				thmRnum = thmLnum + (thmPnum - 1);
			}
			if (navarg < thmLnum) {
				for (var i = thmLnum; i > navarg; i--) {
					makeThmsTags(-1);
				}
			}
			if (navarg > thmRnum) {
				for (var i = thmRnum-1; i < navarg; i++) {
					makeThmsTags(1);
				}
			}
		}
	}
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 = new Image();
	mImg = document.getElementById("mainImg");
	mImg.style.position = "relative";
	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);
	var mNavArwL = document.getElementById("mNavArwL");
	var mNavArwR = document.getElementById("mNavArwR");
	//these vars set the contents of the mainNav div on the galleries
	mNavArwL.onclick = function () {
		mNav((argTag-1),'back');
	}
	mNavArwR.onclick = function () {
		mNav((argTag+1),'next');
	}
	var navNumsTxt_div = document.getElementById('navNumsTxt_div');
	navNumsTxt_div.innerHTML = argTag + "&nbsp;/&nbsp;" + (imgs.length-1);
	var portfolioTitle_div = document.getElementById("portfolioTitle_div");
	portfolioTitle_div.innerHTML = portfolioTitle;
//	navNums_div.innerHTML = mNavHTML;
//	mainNav_div.innerHTML = mNavHTML;// + "<div id=\"home_div\">" + mNavHome + "</div>";
	if(argTag == 1) {
		mNavArwL.style.visibility = "hidden";
		mNavArwR.style.visibility = "visible";
	}
	else if(argTag == imgTags.length - 1) {
		mNavArwL.style.visibility = "visible";
		mNavArwR.style.visibility = "hidden";
	}
	else {
		mNavArwL.style.visibility = "visible";
		mNavArwR.style.visibility = "visible";
	}
	
	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)+")";
	}
	if (actThm) {
		actThm_rOut();
		actThm.onmouseover = actThm_rOver;
		actThm.onmouseout = actThm_rOver;
	}

	//SET UP THE THUMBNAIL NAVIGATION ARROWS
	navArwLimg = document.getElementById("navArwLimg");
	navArwRimg = document.getElementById("navArwRimg");
	function navArwL_rOver() { thmsto = setInterval("makeThmsTags(-1)",250); return thmsto; }
	function navArwL_rOut() { window.clearTimeout(thmsto); }
	function navArwR_rOver() { thmsto = setInterval("makeThmsTags(1)",250); 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(thmLnum == 1) { 
		navArwLimg.style.visibility = "hidden";
	}
	else if(thmRnum == thmTags.length) {
		navArwRimg.style.visibility = "hidden";
	}
	else {
		navArwLimg.style.visibility = "visible";
		navArwRimg.style.visibility = "visible";
	}
	
	//reset...
	imgID = argTag;

	return imgID, actThm;
}

var bioUp = new Boolean();

function makeBio() {
	if(bioUp == true) { 
		return;
	}
	main_div_cntr.style.background = "none";
	main_div_cntr.style.height = (parseInt(main_div_cntr.style.height) - 90) + "px";
	main_div_cntr.style.top = 70 + "px";
	main_div_cntr.style.marginBottom = 90 + "px";
	//main_div_cntr.style.position = "relative";
	//main_div_cntr.style.top = "60px";
	main_div_cntr.style.overflow = "auto";
	thms_p.style.visibility = "hidden";
	navArwLimg.style.visibility = "hidden";
	navArwRimg.style.visibility = "hidden";
	d.getElementById('portfolioTitle_div').innerHTML = '';
	d.getElementById('navNumsTxt_div').innerHTML = '';
	d.getElementById('mNavArwR').style.visibility = 'hidden';
	d.getElementById('mNavArwL').style.visibility = 'hidden';
	//mainNav_div.innerHTML = "<span class=\"portfolioTitle\">" + bioTitle + "</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_cntr.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>";
	
	document.title =  defaultTitle + titleSeparator + thisPhotographer + titleSeparator + bioTitle;
	
	CSBfleXcroll('main_div_cntr');
	bioUp = true;
}



function makePdf() {
	var srcStr = location.href.replace(/#$/, '');
	
	var pdfInput = document.createElement("input");
	pdfInput.setAttribute("name", "rHtml");
	pdfInput.setAttribute("type", "hidden");
	pdfInput.setAttribute("id", "rHtml");
	document.forms[0].appendChild(pdfInput);
	
	var hdrLinput = document.createElement("input");	
	hdrLinput.setAttribute("name", "hdrLtxt");
	hdrLinput.setAttribute("type", "hidden");
	hdrLinput.setAttribute("id", "hdrLtxt");
	document.forms[0].appendChild(hdrLinput);
	document.forms[0].hdrLtxt.value = defaultTitle;

	var hdrCinput = document.createElement("input");	
	hdrCinput.setAttribute("name", "hdrCtxt");
	hdrCinput.setAttribute("type", "hidden");
	hdrCinput.setAttribute("id", "hdrCtxt");
	document.forms[0].appendChild(hdrCinput);
	document.forms[0].hdrCtxt.value = "115 W 30th SUITE 404 - NYC - (212)760-1212";

	var hdrRinput = document.createElement("input");	
	hdrRinput.setAttribute("name", "hdrRtxt");
	hdrRinput.setAttribute("type", "hidden");
	hdrRinput.setAttribute("id", "hdrRtxt");
	document.forms[0].appendChild(hdrRinput);
	document.forms[0].hdrRtxt.value = "$DATE";
	
	var ftrLinput = document.createElement("input");	
	ftrLinput.setAttribute("name", "ftrLtxt");
	ftrLinput.setAttribute("type", "hidden");
	ftrLinput.setAttribute("id", "ftrLtxt");
	document.forms[0].appendChild(ftrLinput);
	document.forms[0].ftrLtxt.value = thisPhotographer;
	
	var ftrRinput = document.createElement("input");	
	ftrRinput.setAttribute("name", "ftrRtxt");
	ftrRinput.setAttribute("type", "hidden");
	ftrRinput.setAttribute("id", "ftrRtxt");
	document.forms[0].appendChild(ftrRinput);
	document.forms[0].ftrRtxt.value = portfolioTitle;
	
	//create the html to send via POST
	//document.forms[0].fHtml.value += "<!-- FOOTER CENTER \"" + thisPhotographer + "\" -->";
	//document.forms[0].fHtml.value += "<!-- FOOTER RIGHT \"" + portfolioTitle + "\" -->";
	document.forms[0].rHtml.value = "<table align=center>";
	for(var g = 1; g < imageFilenames.length; g++) {	
		document.forms[0].rHtml.value += "<tr><td align=center><img src=http://randycole.com/shwSite/img/RCR.gif></td></tr>";
		document.forms[0].rHtml.value += "<tr><td align=center><br><br><br><br><br></td></tr>";
		document.forms[0].rHtml.value += "<tr><td align=center><img src=" + srcStr + "/img/photos/medium/" + imageFilenames[g] + "></td></tr>";
		document.forms[0].rHtml.value += "<!-- PAGE BREAK -->";
	}//document.forms[0].rHtml.value += "<img src=" + srcStr + "/img/photos/medium/" + imageFilenames[2] + " /><br>end";
	document.forms[0].submit();
}