// Global variable to track currently selected work
var currSel = new Number(1);

/*
Move to the next picture in the set.
by DrSkylark (http://drskylark.com)
*/
function nextPic()
{
	if (document.getElementById)
	{
		currSel = currSel + 1;
		if (document.getElementById(currSel.toString()))
		{
			showPic(document.getElementById(currSel.toString()));
		}
		else
		{
			return true;
		}
		return false;
	}
	else
	{
		return true;
	}
}

/*
From "Javascript Image Gallery" by Jeremy Keith
Published on A List Apart (http://www.alistapart.com/articles/imagegallery/)
Modified to highlight selected link by DrSkylark (http://drskylark.com)
*/
function showPic (whichpic)
{
	if (document.getElementById)
	{
		document.getElementById('placeholder').src = whichpic.href;
		if (whichpic.title)
		{
			document.getElementById('galcap').childNodes[0].nodeValue = whichpic.title;
		} 
		else 
		{
			document.getElementById('galcap').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
		}
		var bugRiddenCrashPronePieceOfJunk = (
			navigator.userAgent.indexOf('MSIE') != -1
			&&
			navigator.userAgent.indexOf('Mac') != -1
		);
		// Run alternate code for Mac IE
		if (bugRiddenCrashPronePieceOfJunk)
		{
			// Turn off all links
			var nodes = document.getElementById('galnav').childNodes;
			for (var i = 0; i < nodes.length; i++) 
			{
				if (nodes[i].tagName == "A")
				{
					nodes[i].removeAttribute("className");
				}
			}
			// Turn on selected link
			whichpic.setAttribute("className", "navon");
			currSel = Number(whichpic.id);
		}
		else
		{
			// Turn off all links
			var nodes = document.getElementById('galnav').childNodes;
			for (var i = 0; i < nodes.length; i++) 
			{
				if (nodes[i].tagName == "A")
				{
					nodes[i].className = null;
				}
			}
			// Turn on selected link
			whichpic.className = "navon";
			currSel = Number(whichpic.id);
		}
		
		// Change the description text, only if galdesc and picDescs exists
		// picDescs should be an array defined within the calling file
		// galDesc is the id of the <p> text to replace
		if (document.getElementById('galdesc') && picDescs)
		{
			document.getElementById('galdesc').childNodes[0].nodeValue = picDescs[Number(whichpic.id)];
		}
				
		return false;
	} 
	else 
	{
		return true;
	}
}

function preloader() 
{
	var nodes = document.getElementById('galnav').childNodes;
	for (var i = 0; i < nodes.length; i++) 
	{
		if (nodes[i].tagName == "A" && nodes[i].id)
		{
			var imageObj = new Image();
			imageObj.src = nodes[i].href;
		}
	}	
} 


