var ssArr = new Array();
var ssIdx = 0;
var viewedImages = new Object();

var downloadImg = new Image();
downloadImg.src = "images/downloading.gif";

function fetchImage(area,imgName)
{
	
	if(!viewedImages[imgName])
	{
		viewedImages[imgName] = new Image();
		viewedImages[imgName].src = "images/"+imgName;
	}

	var ypos = 10;
	var descrip = '';
	var w = 0;

	//DETERMINE THE WIDTH OF THE BROWSER WINDOW
	if (window.innerWidth) 
	{ // All browsers but IE
		w = window.innerWidth; 
	}
	else if (document.documentElement && document.documentElement.clientWidth) 
	{
	    // These functions are for IE 6 when there is a DOCTYPE
		w = document.documentElement.clientWidth; 
	}
	else if (document.body.clientWidth) 
	{
	    // These are for IE4, IE5, and IE6 without a DOCTYPE
		w = document.body.clientWidth; 
	}

	//'lt' WILL BE USED FOR CENTERING THE IMAGE
	if(viewedImages[imgName].width > 0)
	{
		lt = (w < viewedImages[imgName].width) ? 0 : (w - viewedImages[imgName].width)/2 ;
	}
	else
	{
		lt = (w < 640) ? 0 : (w - 640)/2 ;
	}

	try
	{
		//Netscape
		if(window.pageYOffset)
		{
			ypos = window.pageYOffset + 10;
		}

		//IE
		if(document.documentElement.scrollTop > 0)
		{
			ypos = document.documentElement.scrollTop + 10;
		}
		else if(document.body.scrollTop > 0)
		{
			ypos =  document.body.scrollTop + 10;
		}
	}
	catch(e){}

	try
	{
		ssArr = eval(area);
		for(var i=0; i<ssArr.length; i++)
		{
			if(ssArr[i] == imgName)
			{
				ssIdx = i;
				break;
			}
		}
	}
	catch(e){}

	var ssLinks1 = "";
	var ssLinks2 = "";
	if(ssArr.length != 0)
	{
		var hide = (ssIdx == 0) ? " style='visibility:hidden;' " : "" ;
		ssLinks1 += "  <button "+hide+" id='ssPrev1' onclick='javascript:ssHandler(\"prev\")'><<< Back</button>";
		ssLinks2 += "  <button "+hide+" id='ssPrev2' onclick='javascript:ssHandler(\"prev\")'><<< Back</button>";

		hide = (ssIdx == ssArr.length-1) ? " style='visibility:hidden;' " : "" ;
		ssLinks1 += " &nbsp;&nbsp;<button "+hide+" id='ssNext1' onclick='javascript:ssHandler(\"next\")'>Next >>></button>";
		ssLinks2 += " &nbsp;&nbsp;<button "+hide+" id='ssNext2' onclick='javascript:ssHandler(\"next\")'>Next >>></button>";

	}

	//GRAB TARGET DIV AND PASTE IMAGE AND DESCRIP
	targ = document.getElementById("fullsize");
	targ.style.visibility = "visible";
	targ.style.position = "absolute";
	targ.style.padding = "0";
	//targ.style.text-align = "left";
	targ.style.border = "1px solid #886";
	targ.style.width = "640px";
	targ.style.background = "#eee";
	targ.style.left = lt+"px";
	targ.style.top = ypos+"px";
	targ.innerHTML = " "
		+ "<a style='margin:5px;float:right;font-size:7pt;background:#ddc' href='javascript:closeFullSize();void 0;'>Close</a>"
		+ "<div id='ssDiv' style='border:1pt solid #ddc;width:600px;font-size:8pt;margin:10px;text-align:center;color:#800;padding:10px;background:#eee;clear:both'>"
		+ ssLinks1
		+"</div>"
		+ "<p><img align='center' id='theImg'  style='cursor:move;clear:both;margin:10px;'  onmousedown='beginImgMove(event);' src='images/"+imgName+"' />"
		+ "<div id='ssDiv' style='border:1pt solid #ddc;width:600px;font-size:8pt;margin:10px;text-align:center;color:#800;padding:10px;background:#eee;clear:both'>"
		+ ssLinks2
		+"</div>"
		+ "<a style='margin:5px;float:right;font-size:7pt;background:#ddc' href='javascript:closeFullSize();void 0;'>Close</a>" ;

}
function ssHandler(dir)
{
	var ssLen = ssArr.length;

	if(dir == "next")
	{
		ssIdx++;
		if(ssIdx == ssLen-1)
		{
			document.getElementById("ssNext1").style.visibility = "hidden";
			document.getElementById("ssNext2").style.visibility = "hidden";
		}
		else if(ssIdx == 1)
		{
			document.getElementById("ssPrev1").style.visibility = "visible";
			document.getElementById("ssPrev2").style.visibility = "visible";
		}
	}
	else if(dir == "prev")
	{
		ssIdx--;
		if(ssIdx == 0)
		{
			document.getElementById("ssPrev1").style.visibility = "hidden";
			document.getElementById("ssPrev2").style.visibility = "hidden";
		}
		else if(ssIdx == ssLen - 2)
		{
			document.getElementById("ssNext1").style.visibility = "visible";
			document.getElementById("ssNext2").style.visibility = "visible";
		}
	}

	var imgSrc = ssArr[ssIdx];
	var img = document.getElementById("theImg");

	if(viewedImages[imgSrc])
	{
		img.src = viewedImages[imgSrc].src;
	}
	else
	{
		img.src = downloadImg.src;
		img.src = "images/"+imgSrc;
		viewedImages[imgSrc] = new Image();
		viewedImages[imgSrc].src = img.src;
	}

}
function closeFullSize()
{
	document.getElementById("fullsize").innerHTML = "";
	document.getElementById("fullsize").style.visibility = "hidden";
}
var SmithCreek = new Array("SmithCreekCRW_0485_ss.jpg",
"SmithCreek_2003_11_11_CRW_0944_ss.jpg",
"SmithCreek_2003_11_11_ss.jpg",
"SmithCreek_2003_12_24_ss.jpg",
"SmithCreek_2004_01_25_ss.jpg",
"SmithCreek_2004_05_11_ss.jpg",
"SmithCreek_2005_04_14_ss.jpg",
"SmithCreek_2007_04_08_RiverBottoms_ss.jpg");

var SwanCreek = new Array("20070318_SwanCreek017_ss.jpg",
"20070318_SwanCreek048_ss.jpg",
"20070318_SwanCreek072_ss.jpg",
"20070318_SwanCreek096_ss.jpg",
"20070318_SwanCreek101_ss.jpg",
"20070318_SwanCreek102_ss.jpg",
"20070318_SwanCreek115_ss.jpg",
"20070318_SwanCreek121_ss.jpg");

var NorthFork = new Array("20070414_NorthFork001_ss.jpg",
"20070414_NorthFork054_ss.jpg",
"20070414_NorthFork060_ss.jpg",
"20070414_NorthFork108_ss.jpg",
"20070414_NorthFork117_ss.jpg",
"20070414_NorthFork122_ss.jpg",
"20070414_NorthFork124_ss.jpg",
"20070414_NorthFork138_ss.jpg",
"20070414_NorthFork158_ss.jpg");

var SpringCreek = new Array( "DSC03387_ss.jpg",
"DSC03404_ss.jpg",
"DSC03410_ss.jpg",
"DSC03413_ss.jpg",
"DSC03421_ss.jpg",
"DSC03459_ss.jpg",
"DSC03463_ss.jpg",
"DSC03470_ss.jpg",
"DSC03485_ss.jpg",
"DSC03490_ss.jpg",
"SpringCreek_2006_11_05_128.jpg",
"SpringCreek_2006_11_05_081.jpg",
"SpringCreek_2006_11_05_088.jpg",
"SpringCreek_2006_11_05_100.jpg",
"SpringCreek_2006_11_05_112.jpg",
"SpringCreek_2006_11_05_117.jpg",
"SpringCreek_2006_11_05_129.jpg",
"SpringCreek_2006_11_05_136.jpg",
"SpringCreek_2007_03_18_017.jpg");

var BigSpring = new Array("BigSpring_100_4668_ss.jpg",
"BigSpring_03_ss.jpg",
"BigSpring_100_4654_ss.jpg",
"BigSpring_031905_021_ss.jpg");
//"BigSpring_ss.jpg");

var LowerRockCreek = new Array("LowerRockCreek_1222219_ss.jpg",
"LowerRockCreek_1616197_ss.jpg",
"LowerRockCreek_1939308_ss.jpg",
"LowerRockCreek_1939316_ss.jpg",
"LowerRockCreek_1939338_ss.jpg",
"LowerRockCreek_1949404_ss.jpg",
"LowerRockCreek_1949427_ss.jpg",
"LowerRockCreek_1949453_ss.jpg",
"LowerRockCreek_Azalea_ss.jpg",
"LowerRockCreek_FallColors_ss.jpg",
"LowerRockCreek_FallHills_ss.jpg",
//"LowerRockCreek_Panorama_ss.jpg",
"LowerRockCreek_SummerLowWater_ss.jpg");

var VanEastMountain = new Array("VanEastMountain_100_4209_ss.jpg",
"VanEastMountain_100_4230_ss.jpg",
"VanEastMountain_100_4252_ss.jpg",
"VanEast_01_ss.jpg",
"VanEast_02_ss.jpg",
"VanEast_04_ss.jpg",
"VanEast_05_ss.jpg",
"VanEast_06_ss.jpg");


