// JavaScript Document

function QueryString(key)
{
	var value = null;
	for (var i=0;i<QueryString.keys.length;i++)
	{
		if (QueryString.keys[i]==key)
		{
			value = QueryString.values[i];
			break;
		}
	}
	return value;
	
}
QueryString.keys = new Array();
QueryString.values = new Array();

function QueryString_Parse()
{
	var query = window.location.search.substring(1);
	var pairs = query.split("&");
	
	for (var i=0;i<pairs.length;i++)
	{
		var pos = pairs[i].indexOf('=');
		if (pos >= 0)
		{
			var argname = pairs[i].substring(0,pos);
			var value = pairs[i].substring(pos+1);
			QueryString.keys[QueryString.keys.length] = argname;
			QueryString.values[QueryString.values.length] = value;		
		}
	}

}


//-->

window.onload=function(){
	QueryString_Parse();	
	var sText = QueryString("id"); // Get's the value of ID.
	if (sText == null){
		var sText = 1;
	}else{
		var sText = QueryString("id"); // Get's the value of ID.
	}
	
	///// STORY COPY GOES HERE IN EACH VARIABLE /////
	var story = new Array();
	
	///// IMAGE LOCATIONS GO IN EACH VARIABLE /////
	var imgs = new Array();
	imgs[1] = "/Treasure_Hunters/images/photos/110/online/th_110_on_01.jpg";
	imgs[2] = "/Treasure_Hunters/images/photos/110/online/th_110_on_02.jpg";
	imgs[3] = "/Treasure_Hunters/images/photos/110/online/th_110_on_03.jpg";
	imgs[4] = "/Treasure_Hunters/images/photos/110/online/th_110_on_04.jpg";
	imgs[5] = "/Treasure_Hunters/images/photos/110/online/th_110_on_05.jpg";
	imgs[6] = "/Treasure_Hunters/images/photos/110/online/th_110_on_06.jpg";
	imgs[7] = "/Treasure_Hunters/images/photos/110/online/th_110_on_07.jpg";
	imgs[8] = "/Treasure_Hunters/images/photos/110/online/th_110_on_08.jpg";
	imgs[9] = "/Treasure_Hunters/images/photos/110/online/th_110_on_09.jpg";
	imgs[10] = "/Treasure_Hunters/images/photos/110/online/th_110_on_10.jpg";
	imgs[11] = "/Treasure_Hunters/images/photos/110/online/th_110_on_11.jpg";
	imgs[12] = "/Treasure_Hunters/images/photos/110/online/th_110_on_12.jpg";
	imgs[13] = "/Treasure_Hunters/images/photos/110/online/th_110_on_13.jpg";
	imgs[14] = "/Treasure_Hunters/images/photos/110/online/th_110_on_14.jpg";
	imgs[15] = "/Treasure_Hunters/images/photos/110/online/th_110_on_15.jpg";
	imgs[16] = "/Treasure_Hunters/images/photos/110/online/th_110_on_16.jpg";
	imgs[17] = "/Treasure_Hunters/images/photos/110/online/th_110_on_17.jpg";
	imgs[18] = "/Treasure_Hunters/images/photos/110/online/th_110_on_18.jpg";
	imgs[19] = "/Treasure_Hunters/images/photos/110/online/th_110_on_19.jpg";
	imgs[20] = "/Treasure_Hunters/images/photos/110/online/th_110_on_20.jpg";
	imgs[21] = "/Treasure_Hunters/images/photos/110/online/th_110_on_21.jpg";
											
	
	///// STORY PROCESSES /////
	var sCount = imgs.length;
	var cPages = "";
	var	cNext = parseFloat(sText);
	var sTextNum = parseFloat(sText);
	
	///// FORCE AN ID IF NONE IS GIVEN /////
	if(isNaN(sTextNum)){
		sTextNum = 1;
		cNext = 1;
	}
	
	///// CHECKS THE SET VALUES FOR CORRECT VIEWING /////
	if(sText){
		cNext = cNext+1;
		cCopy = sTextNum;
		cBack = sTextNum - 1;
		
		if(sTextNum == 0){ // checks for 0 
			cBack = sCount - 1;		
			sText = 1;
		}
		if(sTextNum == 1){ // checks for 1
			cBack = sCount - 1;		
			sText = 1;
		}
		if(cNext > (sCount-1)){ // next turnaround
			cNext = 1;
			sText = cCopy;
			cBack = sCount-1;	
		}
		if(cBack == sText){ // back turnaround 
			cNext = 1;
			sText = cCopy;
			cBack = cBack-1;	
		}
	}else{
		cBack = sCount - 1;
		cNext = 2;
		sCount = 1
		sText = 1;
	}
	if(sCount ==  sTextNum){
		cNext = 1;
	}
	
	
	///// SET ID INFORMATION FOR HTML ELEMENTS /////
	pCopy = document.getElementById('copy');
	pNext = document.getElementById('goNext');
	pBack = document.getElementById('goBack');
	pPicList = document.getElementById('picList');
	pPicListNext = document.getElementById('picListNext');
	pPicListBack = document.getElementById('picListBack');
	
	
	// Checks and sets the setCount
	setCount = parseFloat(pPicList.title);
	if(!setCount){
		setCount=1;
	}
	
	
	///// THUMBNAILS /////
	if(pPicList){		
		// Set initial vairables for thumbnails
		var thumbNail = "";		
		id = cCopy - ((cCopy -1) % setCount);
		setLimit = id + setCount;
			
			// Write out the thumbnails
			for(id; id < setLimit; id++){
				if(imgs[id]){
					thumbNail = thumbNail + "<div class='thumb'><a href='?id="+id+"'><img src='"+imgs[id].replace(".jpg" ,"_sm.jpg")+"' alt='"+story[id]+"' /></a></div>";
				}
			}
		
		// Writes Thumbnails to the page
		pPicList.innerHTML = thumbNail; 
	}
		
		//tBack = (sCount-id);
		
		//alert(sCount);
		if(id >= sCount){
			id=setCount;
			//tBack = setCount;
		}
		
		if(id == sCount){
			//tBack = sCount - setCount;
			id=setCount;
		}
		
		if(setLimit > setCount){
			tBack = (sCount-1) - setCount;	
		}
		
		if(setLimit == (setCount+1)){
			tBack = (sCount+1) - setCount;	
		}
		
		if(setLimit < sCount){
			tBack = (id-setCount)-setCount;
		}
		if(tBack <= 1){
			tBack = sCount-1;
		}
		
		//alert(setLimit);
		//tBack = ((id-setCount)-setCount);
		
		//alert(tBack+" "+((setCount-id)+setCount));
		
		
		////// CHECK AND BALANCE FOR HTML ELEMENTS /////
		for(i=0; i < document.anchors.length; i++){
		
			// Writes out the "Next" link
			if(document.anchors[i].name == "goNext"){
				document.anchors[i].href="?id="+cNext;
			}
			
			// Writes out the "Back" link
			if(document.anchors[i].name == "goBack"){
				document.anchors[i].href="?id="+cBack;	
			}
			
			// Writes out the "Thumbnail Next" link
			if(document.anchors[i].name == "picListNext"){
				document.anchors[i].href="?id="+id;					
			}
			
			// Writes out the "Thumbnail Back" link
			if(document.anchors[i].name == "picListBack"){
				document.anchors[i].href="?id="+tBack;		
			}
							
		}
		
	
		// Writes in the Main Image Source
		document.getElementById('mainImg').style.backgroundImage="url("+imgs[sTextNum]+")"; 
		
		//Writes out the story copy
		if(pCopy){
			pCopy.innerHTML=story[sText];
		}
		
	

}