/* Javascript originally written by: Brett Chang of evercloud.com */
/* Javascript altered to create one Div with a class of "caption" containing the image and the images alt-text displayed within a span for flexible styling abilities*/

function st_getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

var IMAGE_TRACKER = new Array();

function addImgCaption(myImgElem){
	var myParent = myImgElem.parentNode;
	var myParentParent = myImgElem.parentNode.parentNode;
	var myWrapperTable = null;
	var myNodeForAppend = myImgElem; 
 
	function createDiv(myImgElem, myNodeForAppend){
		//var myNodeForAppend = myImgElem; 
		var eDiv = document.createElement("div");
		var eBr = document.createElement("br");
		var eSpan = document.createElement("span");

		var eCaption =  document.createTextNode (myImgElem.getAttribute('alt'));

		//stylin'!
		eDiv.className = "caption";
		eDiv.style.width=myImgElem.getAttribute("width")+"px";
		//if (myImgElem.getAttribute("class").indexOf("right") >= 0 || myImgElem.getAttribute("align").toLowerCase() == "right"){
		eDiv.className = myImgElem.className.replace('captionimg', 'caption');
		//eDiv.style.cssFloat=myImgElem.getAttribute("align");
		//eDiv.style.styleFloat=myImgElem.getAttribute("align");

		//create the table structure
		eDiv.appendChild(myNodeForAppend);
		eDiv.appendChild(eBr);
  
		var imgAlt = myImgElem.getAttribute("alt");
		var imgSrc = myImgElem.getAttribute("src");  
		//var imgAlt = myNodeForAppend.getAttribute("alt");
		//var imgSrc = myNodeForAppend.getAttribute("src");  
		var imgSplit = imgSrc.split("/");
		var imgCount = (imgSplit.length-1);
		var imgName = imgSplit[imgCount];

  		if(imgName != imgAlt && imgAlt != "" && imgAlt != null){
	 		eDiv.appendChild(eSpan);
  			eSpan.appendChild(eCaption);
		}
  
		myNodeForAppend.setAttribute("alt", "");
		myNodeForAppend.removeAttribute("title");
		myNodeForAppend.removeAttribute("align");
		myImgElem.setAttribute("alt", "");
		myImgElem.removeAttribute("title");
		myImgElem.removeAttribute("align");
		return eDiv;
	}

	if(null == IMAGE_TRACKER[myImgElem.getAttribute('src')]){
		if(myParent.nodeName == 'A'){
   			myNodeForAppend = myParent;
			myWrapperDiv = createDiv(myImgElem, myNodeForAppend);
			myParentParent.appendChild(myWrapperDiv);
		} else {
			myWrapperDiv = createDiv(myImgElem, myNodeForAppend);
			myParent.appendChild(myWrapperDiv);
		}

  		IMAGE_TRACKER[myImgElem.getAttribute('src')] = '1';

	}
}

function st_image_captions(){
	var myImages = st_getElementsByClass("captionimg");
	for(var i=0;i<myImages.length;i++){	
		addImgCaption(myImages[i]);
	}
}

window.onload = st_image_captions;