// JavaScript Document
var  galLinks;
$(function(){
	galLinks = $('#gallery a.galPic');
	jQuery.each(galLinks, function(i){
		this.pics =new Image();
		this.pics.src=this.href;
		this.capt = galLinks[i].firstChild.getAttribute('alt');
		this.pics.setAttribute('alt',this.capt);
		this.nLink = (i == galLinks.length-1 ? galLinks[0] : galLinks[i+1]);
		this.pLink = (i == 0 ? galLinks[galLinks.length-1] : galLinks[i-1]);
		$(this).click(function(){
			return popPicBox(this);
		});
	});
		
});
var popPicBox = function(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";
	galScreen.style.display = 'none';
	var galBox = newdiv.cloneNode(false);
	galBox.id = "galBox";
	galBox.style.display= 'none';
	var galPics = newdiv.cloneNode(false);
	galPics.id='pb';
	var closeP =  newp.cloneNode(false);
	closeP.id = "closeP";
	var closeLink = newa.cloneNode(false);
	closeLink.id='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);
	$('#galScreen').fadeIn(300);
	document.body.appendChild(galBox);
	$('#galBox').fadeIn(300);
	closeP.onclick= function(){
		$('#galScreen').fadeOut(300);
		$('#galBox').fadeOut(300, function(){
			galScreen.parentNode.removeChild(galScreen);galBox.parentNode.removeChild(galBox);
		});
	};
	nextLink.onclick = function(){
		o = o.nLink;
		$('#pPic').fadeOut(250, function(){
			this.href = o.nLink.href;
			prevLink.href = o.pLink.href;
			galPic.src = o.pics.src;
		});
		$('#pPic').fadeIn(250);
		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;
		$('#pPic').fadeOut(250, function(){
			this.href = o.pLink.href;
			nextLink.href = o.nLink.href;
			galPic.src = o.pics.src;
		});
		$('#pPic').fadeIn(250);
		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;
}