// JScript File

	function OnLoadPages()
	{
		if (picturesPerPage > 0)
		{
			var reminder = pictures.length % picturesPerPage;
			pageCount = (pictures.length - reminder) / picturesPerPage;
			if (reminder > 0) pageCount++;
			var currentPageNumber = 1;
			OnSelectPage(currentPageNumber);
		}
		else
		{
			alert("Incorrect page settings");
		}
   }
   
   function OnRefreshPages()
   {
		var pageSection = document.getElementById("PagesSection");
		var pageList = "Page ";
		
		for (var i = 1; i <= pageCount; i++)
		{
			if (i == currentPageNumber)
			{
				pageList += "<span class='clsProjectsBodyHighlight2'>" + i + "</span>";
			}
			else
			{
				pageList += "<a href='#' class='clsProjectsLink' onclick='OnSelectPage(" + i + ")'>" + i + "</a>";
			}
			if (i < pageCount)
			{
				pageList += "<img src='images/spacer.gif' width='5' height='1' alt='' />";
			}
		}
		pageSection.innerHTML = pageList;
   }
   
   function OnSelectPage(pageNumber)
   {
		currentPageNumber = pageNumber;
		OnRefreshPages();
		OnLoadImages();
	}
		
	function OnLoadImages()
	{
		var start = (currentPageNumber - 1) * picturesPerPage;
		for (var i = 0; i < picturesPerPage; i++)
		{
			var thumbnailID = "thumbnail" + i;
			document.getElementById(thumbnailID).src = "../images/" + picturesFolder + "/" + picturesThumbnails[start + i];
			if (start + i >= picturesThumbnails.length)
			{
				document.getElementById(thumbnailID).src = "../images/spacer.gif";
			}
		}
		OnSelectPicture(0);
		document.getElementById("currentPicture").value = start;
	}
	
	function OnSelectPicture(relativeIndex)
	{
		var startIndex = (currentPageNumber - 1) * picturesPerPage;
		var absoluteIndex = startIndex + relativeIndex;
		document.getElementById("picture").src = "../images/" + picturesFolder + "/" + pictures[absoluteIndex];
		document.getElementById("currentPicture").value = absoluteIndex;
		UpdateArrows();
		DeselectThumbnails();
		SelectThumbnail(relativeIndex);
	}
	
	function DeselectThumbnails()
	{
		for (i = 0; i < picturesPerPage; i++)
		{
			var image = document.getElementById("thumbnail" + i);
			image.style.border = 0;
		}
	}
	
	function SelectThumbnail(index)
	{
		var image = document.getElementById("thumbnail" + index);
		image.style.border = "3px solid #fb7e03";
	}
	
	function OnNextPicture()
	{
		var absoluteIndex = document.getElementById("currentPicture").value;
		if (absoluteIndex < (pictures.length - 1))
		{
			if (currentPageNumber != GetPageForPicture(parseInt(absoluteIndex) + 1))
			{
				OnSelectPage(currentPageNumber + 1);
				OnSelectPicture(0);
			}
			else
			{
				absoluteIndex++;
				document.getElementById("currentPicture").value = absoluteIndex;
				var relativeIndex = absoluteIndex % picturesPerPage;
				OnSelectPicture(relativeIndex);
			}
		}
	}
	
	function OnPreviousPicture()
	{
		var absoluteIndex = parseInt(document.getElementById("currentPicture").value);
		if (absoluteIndex > 0)
		{
			if (currentPageNumber != GetPageForPicture(absoluteIndex - 1))
			{
				OnSelectPage(currentPageNumber - 1);
				OnSelectPicture(picturesPerPage - 1);
			}
			else
			{
				absoluteIndex--;
				document.getElementById("currentPicture").value = absoluteIndex;
				var relativeIndex = absoluteIndex % picturesPerPage;
				OnSelectPicture(relativeIndex);
			}
		}
	}
	
	function GetPageForPicture(index)
	{
		var reminder = index % picturesPerPage;
		var page = ((index - reminder) / picturesPerPage) + 1;
		return page;
	}
	
	function UpdateArrows()
	{
		var index = document.getElementById("currentPicture").value;
		var left = document.getElementById("arrowLeft");
		var right = document.getElementById("arrowRight");
		left.src = (index > 0) ? "../images/icons/arrow_left_active2.gif" : "../images/icons/arrow_left_inactive2.gif";
		right.src = (index < (pictures.length - 1)) ? "../images/icons/arrow_right_active2.gif" : "../images/icons/arrow_right_inactive2.gif";
	}