// JavaScript Document
function storyInit() {
	  if (!document.getElementsByTagName) return false;
	  var lnks = document.getElementsByTagName("a");
	  for (var i=0; i<lnks.length; i++) {
		if (lnks[i].className == "showPic") {
				lnks[i].onclick = function() {
			//alert(this.previousSibling.nodeName);
				if (this.className == "showPic") {
					var imgURL = this.getAttribute("href") ; //.indexOf("=") ;
					var srcStart = imgURL.lastIndexOf("=");
					var srcEnd = imgURL.length;
					var imgSrc = imgURL.substring(srcStart+1, srcEnd);
					var imgTitle = this.getAttribute("title")
					revealPic(imgSrc, imgTitle, this);
					this.className = "dontShowPic";
					}
				return false;
		  }
		}
	  }
}

function revealPic(thePic, theTitle, theLink) {
	picSpan = document.createElement("span");
	var picImg = document.createElement("img");
	picSpan.appendChild(picImg);
	var para = theLink.parentNode;
	para.insertBefore(picSpan , theLink);
	//alert(picSpan.firstChild.nodeName);
	picSpan.setAttribute("class" , "storyPic");	
	picImg.setAttribute("title" ,  theTitle);	
	picImg.setAttribute("alt" ,  theTitle);	
	picImg.setAttribute("src" , "i/" + thePic);		
	picSpan.style.display = "block";
	picSpan.style.overflow = "hidden";
	picSpan.style.marginTop = "10px";
	picSpan.style.marginBottom = "10px";		
	picSpan.style.height = "0";
	if(picSpan.movement) { clearTimeout(movement); }	
	aniPic();	
}
function aniPic() {
	var picHeight = parseInt(picSpan.style.height);
	if(picSpan.movement) { clearTimeout(picSpan.movement); }
	if (picHeight < 200) {
		picHeight = picHeight + 5;			
		}
	picSpan.style.height = picHeight + "px ";
	picSpan.movement = setTimeout("aniPic()",25);
	}