var showLink = "";
var caption = "";
var imageURL = "";


function setCaptionButton(ref) {
	var mainImageList = ["mainImage","mainImageWide","mainImageNarrow"];
	var obj;
	var mainImage = null;
	//var mainImage = document.getElementById("mainImage");
	var len =  mainImageList.length;
	var divItem;
	for(i=0;i< len;i++) {
		var id = mainImageList[i];
		var obj = document.getElementById(id);
		if(obj != null) {
			mainImage = obj;
			break;
		}
			
	}
	if(mainImage == null) {
		return false;
	} else {
		
		imgURL = mainImage.getElementsByTagName('IMG')[0].src;
		caption = mainImage.getElementsByTagName('IMG')[0].alt;
		showLink = mainImage.getElementsByTagName('A')[0];
		enlargeURL = showLink.href;
		lightboxCaption = showLink.title;//lightbox caption might be different (longer) than basic image caption/alt tag
		var captionContainer = mainImage.getElementsByTagName('DIV')[0];
		if(captionContainer != null) {
			// PUT innerHTML inside Single quotes as precaution so that unencoded apostrophes in the title don't break the title caption for lightbox
			captionContainer.innerHTML = '<p class="caption">' + caption + ' ... <a href="' + enlargeURL + '" rel="lightbox[background]" title="' + lightboxCaption + '">Enlarge</a></p>';
			captionContainer.style.display = "none";
		
			if(showLink != null) {
				showLink.onclick = showCaption;
				showLink.visible = 1;
				showLink.caption = captionContainer;
			}
		}
	
	//captionContainer.classname = "caption";
		
		
	}
	
}

function showCaption (ref) {
	if(this.visible) {
		this.childNodes[0].nodeValue = "Hide Caption";
		this.visible = 0;
		this.caption.style.display = "block";
	} else {
		this.childNodes[0].nodeValue = "Show Caption";
		this.visible = 1;
		this.caption.style.display = "none";
	}
	return false;

}

if (window.attachEvent) window.attachEvent("onload", setCaptionButton);
if (window.addEventListener) window.addEventListener( "load", setCaptionButton, false );