// GENERIC

function inject(elemId, htmlStr)
{
	document.getElementById(elemId).innerHTML = htmlStr;
}

function updateOnClick(elemId, action)
{
	document.getElementById(elemId).onclick = new Function(action);
}

function updateHref(elemId, url)
{
	document.getElementById(elemId).href  = url;
}

// SPECIFIC

function formatHtmlStr(caption, htmlImgStr)
{
	return "<div class='photoCaption'>" + caption + "</div>" + htmlImgStr
}

function formatHtml2VertImgStr(imgTop, altTop, imgBottom, altBottom)
{
	return formatHtmlImgStr(imgTop, altTop) + "<br><br>" + formatHtmlImgStr(imgBottom, altBottom);
}

function formatHtml3VertImgStr(imgTop, altTop, imgCenter, altCenter, imgBottom, altBottom)
{
	return formatHtmlImgStr(imgTop, altTop) + "<br><br>" + formatHtmlImgStr(imgCenter, altCenter) + "<br><br>" + formatHtmlImgStr(imgBottom, altBottom);
}

function formatHtml2HorizImgStr(imgLeft, altLeft, imgRight, altRight)
{
	return formatHtmlImgStr(imgLeft, altLeft) + " " + formatHtmlImgStr(imgRight, altRight);
}

function formatHtml3HorizImgStr(imgLeft, altLeft, imgCenter, altCenter, imgRight, altRight)
{
	return formatHtmlImgStr(imgLeft, altLeft) + " " + formatHtmlImgStr(imgCenter, altCenter) + " " + formatHtmlImgStr(imgRight, altRight);
}

function formatHtmlImgStr(img, alt)
{
	return "<img src=\"" + img + "\" alt=\"" + alt + "\"/>";
}

// DEPENDENT

var jsPhoto;
var jsCode;

function setPhoto(index)
{
	inject('PhotoCaption', jsCode[index]);
	var previousIndex = index==0 ? jsPhoto.length-1 : (index-1)%jsPhoto.length;
	var nextIndex = (index + 1) % jsPhoto.length;
	updateOnClick('prevNav', "setPhoto(" + previousIndex + ");" ); 
	updateOnClick('nextNav', "setPhoto(" + nextIndex + ");" );
}