// JavaScript Document
var galSec, galLinks;
function popPic()
{
	galSec = MDW.$('gallery');
	galLinks = MDW.getElementsByClassName('galPic', 'a', galSec);
	for(var i=0; i<galLinks.length;i++)
	{
		galLinks[i].pics = new Image();
		galLinks[i].pics.src = galLinks[i].href;
		galLinks[i].capt = galLinks[i].firstChild.getAttribute('alt');
		galLinks[i].pics.setAttribute('alt',galLinks[i].capt);
		galLinks[i].nLink = (i == galLinks.length-1 ? galLinks[0] : galLinks[i+1]);
		galLinks[i].pLink = (i == 0 ? galLinks[galLinks.length -1] : galLinks[i-1]);
//add event handler on click to call popPicBox function to display the text
		galLinks[i].onclick=function(){
			return popPicBox(this);
		}
	}
}
function popPicBox(o)
{
//create the popup div, an IMG, a "P" tag and an "A" tag
	var newdiv=document.createElement('DIV');
	var newPic=document.createElement('IMG');
	var newp=document.createElement('P');
	var newa=document.createElement('A');
	var galScreen = newdiv.cloneNode(false);
	galScreen.id = "galScreen";
	var galBox = newdiv.cloneNode(false);
	galBox.id = "galBox";
	var galPics = newdiv.cloneNode(false);
	galPics.id='pb';
	var closeP =  newp.cloneNode(false);
	closeP.id = "closeP";
	var closeLink = newa.cloneNode(false);
	closeLink.name='closePic';
	closeLink.appendChild(document.createTextNode('close'));
	closeP.appendChild(closeLink);
	var galPic = newPic.cloneNode(false);
	galPic.id='pPic';
	galPic.src= o.pics.src;
	var capP =  newp.cloneNode(false);
	capP.id = "capP";
	var desctext = document.createTextNode(o.capt);
	capP.appendChild(desctext);
	var navP = newp.cloneNode(false);
	navP.id = "navP";
	var prevLink = newa.cloneNode(false);
	prevLink.appendChild(document.createTextNode('\u00AB prev\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0'));
	prevLink.href = o.pLink.href;
	var nextLink = newa.cloneNode(false);
	nextLink.appendChild(document.createTextNode('\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0next \u00BB'));
	nextLink.href = '#';
	navP.appendChild(prevLink);
	navP.appendChild(nextLink);
	galPics.appendChild(closeP);
	galPics.appendChild(navP);
	galPics.appendChild(galPic);
	galPics.appendChild(capP);
	galBox.appendChild(galPics);
	document.body.appendChild(galScreen);
	document.body.appendChild(galBox);
	closeP.onclick = function(){galScreen.parentNode.removeChild(galScreen);galBox.parentNode.removeChild(galBox);};
	nextLink.onclick = function(){
		o = o.nLink;
		this.href = o.nLink.href;
		prevLink.href = o.pLink.href;
		galPic.src = o.pics.src;
		if (o.pics.getAttribute("alt")) {
			var text = o.pics.getAttribute("alt");
		} else {
			var text = "";
  		}
		var description = document.getElementById("capP");
		if (description.firstChild.nodeType == 3) {
			description.firstChild.nodeValue = text;
		}
		return false;
	}
	prevLink.onclick = function(){
		o = o.pLink;
		this.href = o.pLink.href;
		nextLink.href = o.nLink.href;
		galPic.src = o.pics.src;
		if (o.pics.getAttribute("alt")) {
			var text = o.pics.getAttribute("alt");
		} else {
			var text = "";
  		}
		var description = document.getElementById("capP");
		if (description.firstChild.nodeType == 3) {
			description.firstChild.nodeValue = text;
		}
		return false;
	}
	return false;
}

MDW.addEvent(window, 'load', popPic);