function LoadIGThumbs(page,startAtOne)
{
	var nImageCount;
	var sImages;
	var startIdx;
	var lastIdx;
	var imgID;
	var imgObj;
	var spImgID;
	var spImgObj;

	var sCurImg;
	var linkID;
	var linkObj;
	

	
	if(startAtOne)
	{
		PreloadNavigation();
	}	
		
	nImageCount = document.getElementById('ig_hidImageCount').value
	sImages = document.getElementById('ig_hidImageList').value.split("#");
	

	
	startIdx = (page-1) * 6;

	
	lastIdx = startIdx + 5;
	
	if(lastIdx >= nImageCount)
	{
		lastIdx = nImageCount - 1;
	}
	SortNavigation(page,nImageCount);
	if(document.images)
	{
	
		var imgNo = 0;
		//First set all thumbs to Spinners
		for(var ig=0;ig<=5;ig++)
		{
			if(!startAtOne)
			{
				//First off hide all the actual thumbs
				imgID = "ig_smImage_" + ig;
				imgObj = document.getElementById(imgID);
				if(imgObj!=null)
				{
					imgObj.className = "ig_SmImage_hidden";
					imgObj.src = "/wha/images/blank.gif";
					linkID = "ig_smLink_" + ig;
					linkObj = document.getElementById(linkID);
					linkObj.href = "";
				}
				
				//Now Show the Spinners		
				spImgID = "ig_smImage_spin_" + ig;
				spImgObj = document.getElementById(spImgID);
				spImgObj.src="/wha/images/spinners/spinnerLarge.gif";
				spImgObj.className = "ig_SmImageSpinner";
			}
		}
		
		for(var n=startIdx;n<=lastIdx;n++)
		{

			setTimeout('ProcessIGThumbs(' + imgNo + ',' + n + ',"' + sImages[n] + '")',50);
			imgNo++;
		}
		
		for(var b=imgNo;b<=5;b++)
		{
			imgID = "ig_smImage_" + imgNo;
			imgObj = document.getElementById(imgID);
			if(imgObj!=null)
			{
				imgObj.className = "ig_SmImage_hidden";
				
				linkID = "ig_smLink_" + imgNo;
				linkObj = document.getElementById(linkID);
				linkObj.href = "";
				
				spImgID = "ig_smImage_spin_" + imgNo;
				spImgObj = document.getElementById(spImgID);
				spImgObj.className = "ig_SmImage_hidden";

			}
			imgNo++;
		}
		
	}
}


function ProcessIGThumbs(imgNo, thumbNo, imageDetails)
{
			//alert(imageDetails);
			//alert(imgNo);


		var sImgDetails = imageDetails.split("|*|");
		var imgArr=new Image();
		imgArr.src = sImgDetails[0];
							
		var imgID = "ig_smImage_" + imgNo;
							
		var imgObj = document.getElementById(imgID);
		imgObj.src = sImgDetails[0];
		imgObj.alt = sImgDetails[1];
		imgObj.height = sImgDetails[4];
		imgObj.width = sImgDetails[5];

		var linkID = "ig_smLink_" + imgNo;
		var linkObj = document.getElementById(linkID);
		linkObj.href = "javascript:ChangeMainImg(" + thumbNo + ");";
				
		//Hide the spinner
		//Now Show the Spinners		
		var spImgID = "ig_smImage_spin_" + imgNo;
		var spImgObj = document.getElementById(spImgID);
		spImgObj.className = "ig_SmImage_hidden";
				
		//Now show the Image
		imgObj.className = "ig_SmImage";
}




function ChangeMainImg(imgNo)
{
	var sImages = document.getElementById('ig_hidImageList').value.split("#");
	var sImgDetails = sImages[imgNo].split("|*|");

	var imgObj;
	imgObj = document.getElementById('ig_BigImage');
	imgObj.src = sImgDetails[0];
	imgObj.alt = sImgDetails[1];
	imgObj.height = sImgDetails[2];
	imgObj.width = sImgDetails[3];
}

function SortNavigation(curPage,totalImgs)
{

	var igPrevLink = document.getElementById('ig_prevLink');
	var igPrevImg = document.getElementById('ig_prevImg');
	var igPrevImg_Disabled = document.getElementById('ig_prevImg_disabled');
	
	var igNextLink = document.getElementById('ig_nextLink');
	var igNextImg = document.getElementById('ig_nextImg');
	var igNextImg_Disabled = document.getElementById('ig_nextImg_disabled');
	
	//Deal with the Prev buttons first
	if(curPage == 1)
	{
		igPrevImg.style.display="none";
		igPrevImg_Disabled.style.display="inline";
		igPrevLink.href = "";
	}
	else
	{
		igPrevImg.style.display="inline";
		igPrevImg_Disabled.style.display="none";
		igPrevLink.href = "javascript:LoadIGThumbs(" + (curPage - 1) + ",false)";
	}
	
	//Now the next buttons
	if(curPage * 6 >= totalImgs)
	{
		//NO more pages
		igNextImg.style.display="none";
		igNextImg_Disabled.style.display="inline";
		igNextLink.href = "";
	}
	else
	{
		//MOre Pages
		igNextImg.style.display="inline";
		igNextImg_Disabled.style.display="none";
		igNextLink.href = "javascript:LoadIGThumbs(" + (curPage + 1) + ",false)";

	}
}




function ChangeMainImg(imgNo)
{
	var sImages = document.getElementById('ig_hidImageList').value.split("#");
	var sImgDetails = sImages[imgNo].split("|*|");

	var imgObj;
	imgObj = document.getElementById('ig_BigImage');
	imgObj.src = sImgDetails[0];
	imgObj.alt = sImgDetails[1];
	imgObj.height = sImgDetails[2];
	imgObj.width = sImgDetails[3];
}

function SortNavigation(curPage,totalImgs)
{

	var igPrevLink = document.getElementById('ig_prevLink');
	var igPrevImg = document.getElementById('ig_prevImg');
	var igPrevImg_Disabled = document.getElementById('ig_prevImg_disabled');
	
	var igNextLink = document.getElementById('ig_nextLink');
	var igNextImg = document.getElementById('ig_nextImg');
	var igNextImg_Disabled = document.getElementById('ig_nextImg_disabled');
	
	//Deal with the Prev buttons first
	if(curPage == 1)
	{
		igPrevImg.style.display="none";
		igPrevImg_Disabled.style.display="inline";
		igPrevLink.href = "";
	}
	else
	{
		igPrevImg.style.display="inline";
		igPrevImg_Disabled.style.display="none";
		igPrevLink.href = "javascript:LoadIGThumbs(" + (curPage - 1) + ",false)";
	}
	
	//Now the next buttons
	if(curPage * 6 >= totalImgs)
	{
		//NO more pages
		igNextImg.style.display="none";
		igNextImg_Disabled.style.display="inline";
		igNextLink.href = "";
	}
	else
	{
		//MOre Pages
		igNextImg.style.display="inline";
		igNextImg_Disabled.style.display="none";
		igNextLink.href = "javascript:LoadIGThumbs(" + (curPage + 1) + ",false)";

	}
}

function PreloadNavigation()
{
	var igPrev = new Image();
	igPrev.src = "/wha/images/buttons/igPrev.gif";

	var igPrevHighlight = new Image();
	igPrevHighlight.src = "/wha/images/buttons/igPrev_highlight.gif";

	var igPrevDisabled = new Image();
	igPrevDisabled.src = "/wha/images/buttons/igPrev_disabled.gif";

	var igNext = new Image();
	igNext.src = "/wha/images/buttons/igNext.gif";

	var igNextHighlight = new Image();
	igNextHighlight.src = "/wha/images/buttons/igNext_highlight.gif";

	var igNextDisabled = new Image();
	igNextDisabled.src = "/wha/images/buttons/igNext_disabled.gif";
}

function SetNavHighlight(imgID,imageName)
{
	var igNav= document.getElementById(imgID);
	igNav.src = "/wha/images/buttons/" + imageName;	
}