//	A simple image gallery.
//	You'll need a placeholder image with the id "placeholder".
//	You'll also need an element with the id "desc" to hold the descriptive text.
//	Feel free to alter this as you see fit.
//	All I ask is that you drop me a line to let me know where you use it.
//	Email me: jeremy at adactio.com

function showPic (whichpic) { 
	if (document.getElementById) {
		whichPanel = whichpic.parentNode.parentNode.id;
		if (whichPanel == 'thumb-list1'){
			placeholderID = 'placeholder1';
			descriptionID = 'desc1';
		}else if (whichPanel == 'thumb-list2'){
			placeholderID = 'placeholder2';
			descriptionID = 'desc2';
		}else if (whichPanel == 'thumb-list3'){
			placeholderID = 'placeholder3';
			descriptionID = 'desc3';
		}else if (whichPanel == 'thumb-list4'){
			placeholderID = 'placeholder4';
			descriptionID = 'desc4';
		}else if (whichPanel == 'thumb-list5'){
			placeholderID = 'placeholder5';
			descriptionID = 'desc5';
		}
		document.getElementById(placeholderID).src = whichpic.href; 
		if (whichpic.title) {
			dscText = whichpic.title;
			dscName = "<span class='mirror-name'>"+dscText.substring(6,dscText.indexOf("Info"))+"</span>";
			dscWearing = "<span class='mirror-info'>"+dscText.substring(dscText.indexOf("Info")+5,dscText.indexOf(" Photography"))+"</span>";
			dscPhotog = "<span class='mirror-photographer'>"+dscText.substring(dscText.indexOf(" Photography by:"),dscText.length)+"</span>";
			document.getElementById(descriptionID).innerHTML = dscName+"<br><br>"+dscWearing+"<br><br>"+dscPhotog; 
		} else { 
			document.getElementById(descriptionID).childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue; 
		} 
		return false; 
	} else { 
		return true; 
	} 
}