// PHOTO GALLERY

// global javascript variables
	var imgSpacer = "images/spacer.gif";
	var numPics = 23;
	var currPage = 1;
	var currPic = 1;
	var numThumbs = 9;
	var maxPageMarkers = 10;
	var numPages = (Math.round(numPics/numThumbs));
	var remainder = (numPics % numThumbs);
	//if (remainder > 0)
		//numPages = (numPages + 1);
		
// main javascript functions
	function NextPage()
	{
		if (currPage < numPages)
			++currPage;
		else
			currPage = 1;
		
		ChangePage(currPage);
	}
	
	function PrevPage()
	{
		if (currPage > 1)
			--currPage;
		else
			currPage = numPages;
			
		ChangePage(currPage);
	}
	
	function nextPic()
	{
		Select(++currPic);
	}
	
	function prevPic()
	{
		Select(--currPic);
	}
	
	function ChangePage(pageNum)
	{
		currPage = pageNum;
		var imageCounter = ((currPage * numThumbs) - (numThumbs-1));
					
		for (var x = 1; x <= numThumbs; x++)
		{
			if ((currPage == numPages) && (remainder > 0) && (x > remainder))
			{
				document.getElementById('HREF_thumb_' + x).href = "javascript:Link()";
				document.getElementById('thumb_' + x).src = imgSpacer;
			}
			else
			{
				var myLink = "photos/images/photo_" + imageCounter + ".jpg";
				document.getElementById('HREF_thumb_' + x).href = "javascript:Select('"+ imageCounter + "')";
				document.getElementById('thumb_' + x).src = 'photos/thumbnails/photo_' + imageCounter + '.jpg';
			}
			++imageCounter;
		}
		DisplayThumbPageHeader();
		DisplayPageMarkers();
	}
	
	function DisplayPageMarkers()
	{
		var spacer = "&nbsp;&nbsp;";
		var marker = "&nbsp;&nbsp;";
		var maxMarker;
		var x;
		if (currPage <= ((maxPageMarkers/2) + 1)) // if the current page number is less than 6, set x to 1.
			x = 1;
		else // the current page is greater than 6.
		{
			if ((currPage + (maxPageMarkers/2)) >= numPages) // if the current page plus five is greater than total number of pages.
				x = (numPages - (maxPageMarkers - 1));
			else // otherwise set x to current page number minus five.
				x = (currPage - (maxPageMarkers/2));
		}
		
		if ((x + (maxPageMarkers - 1)) >= (numPages))
			maxMarker = numPages;
		else
			maxMarker = (x + (maxPageMarkers - 1));
			
		for (x; x <= maxMarker; x++)
		{
			if (x == currPage)
				marker = marker + "<span class='CurPG'>" + x + "</span>" +  spacer;
			else
				marker = marker + "<a href='javascript:ChangePage(" + x + ")' class='PGnums'>" + x + "</a>" + spacer;
		}
		document.getElementById('pageNumbers').innerHTML = marker;
	}
	
	function DisplayThumbPageHeader()
	{
		document.getElementById('thumbPageHeader').innerHTML = "Page " + currPage + " of " + numPages;
	}
	
	function DisplayImageCounter()
	{
		if (currPic == 0)
			document.getElementById('imageCounter').innerHTML = "Pic " + numPics + " of " + numPics;
		else
			document.getElementById('imageCounter').innerHTML = "Pic " + currPic + " of " + numPics;
		if(currPic==1)
			document.getElementById('imageText').innerHTML = "";
		else if(currPic==2)
			document.getElementById('imageText').innerHTML = "";
		else if(currPic==3)
			document.getElementById('imageText').innerHTML = "";
		else if(currPic==4)
			document.getElementById('imageText').innerHTML = "";
		else if(currPic==5)
			document.getElementById('imageText').innerHTML = "";
		else if(currPic==6)
			document.getElementById('imageText').innerHTML = "";
		else if(currPic==7)
			document.getElementById('imageText').innerHTML = "";
		else if(currPic==8)
			document.getElementById('imageText').innerHTML = "";
		else if(currPic==9)
			document.getElementById('imageText').innerHTML = "";
		else if(currPic==10)
			document.getElementById('imageText').innerHTML = "";
		else if(currPic==11)
			document.getElementById('imageText').innerHTML = "";
		else
			document.getElementById('imageText').innerHTML = "";
		
	}
	
	function Select(filenum)
	{
		HydeImage();
		
		if (filenum > numPics)
			filenum = 1;
		
		if (filenum < 1)
			filenum = numPics;
			
		currPic = filenum;
		var myLink = "photos/images/photo_" + filenum + ".jpg";
		document.getElementById('imageView').src = myLink;
		DisplayImageCounter();
		stopSlideShow();
	}
	
	function HydeImage()
	{
		document.getElementById('loaderText').innerHTML = "Loading";
		document.getElementById('imageView').style.visibility = "hidden";
		document.getElementById('loader').style.visibility = "visible";
	}
	
	function ShowImage()
	{
		document.getElementById('loaderText').innerHTML = "";
		document.getElementById('loader').style.visibility = "hidden";
		document.getElementById('imageView').style.visibility = "visible";
	}