// Photo Gallery functions

// Set the variable outside of the functions
var OldThumb;
var OldDesc;
var CurrentPos;
var OldFrameID;
var OldThumbsID;
var OldTabID;

function ShowImg(ArrayName,pos,thumbImg){
	try{
		var SpacerPath = "/files/images/std/spacer.gif";

		// Pass in the thumbnail image you've clicked, then set the old one to clear the class, then set the class on the one you clicked
		var NewThumb = thumbImg;
		if(OldThumb==undefined){
		}else{
			var OldThumbImg = document.getElementById(OldThumb);
			OldThumbImg.className = "";
		}
		var NewThumbImg = document.getElementById(NewThumb);
		NewThumbImg.className = "Sel";

		// Update the big image
		var FlashBox = document.getElementById("FLVWrapper");
		FlashBox.innerHTML = "<div id=\"FLVVideo\"><a href=\"#\" id=\"FLVReplace\"><img src=\"\/files\/images\/std\/spacer.gif\" width=\"500\" height=\"375\" alt=\"\" border=\"0\" id=\"FLVImg\" title=\"Click to play video in the page.\"><\/a><\/div>"
		FlashBox.style.display = "none";
		var ArrImg = ArrayName + "_Img";
		var BigImg = document.getElementById(ArrImg);
		BigImg.src = SpacerPath;
		var NewImg = eval(ArrayName + "Src" + "[" + parseInt(pos) + "]");
		NewImgReplace = NewImg.replace(".flv",".jpg")
		BigImg.src = NewImgReplace;

		// Update the image counter
		var ImgCounter = document.getElementById("Counter");
		ImgCounter.innerHTML = "<p>Image " + parseInt(pos+1) + " of " + eval(ArrayName + ".length") + "<" + "/p>";

		// Display the block of copy
		var NewDesc = thumbImg.replace("Thumb_","Desc_");
		if(OldDesc==undefined){
		}else{
			var OldDescBox = document.getElementById(OldDesc);
			OldDescBox.style.display = "none";
		}
		var NewDescBox = document.getElementById(NewDesc);
		NewDescBox.style.display = "block";


		// Set the current thumb and description to be the last ones clicked on the next pass
		OldThumb = NewThumb;
		OldDesc = NewDesc;

		CurrentPos = pos;

		// Change the permalink URL
		var PermaLink = document.getElementById("PermaLink");
		var PermaLinkInput = document.getElementById("txtPermaLink");
		var NewHref = "?Tab=" + ArrayName.replace("Tab","").replace("Imgs","") + "&pos=" + pos + "&id=" + thumbImg.replace("Thumb_","");
		PermaLink.href = NewHref;
		PermaLinkInput.value = PageURL + NewHref;

		// Write Flash movie
		if(NewImg.indexOf(".flv") >= 0){
			// Clear the previous movie out and reset it to default values, passing in the WMV version
			FlashBox.innerHTML = "<div id=\"FLVVideo\"><a href=\"" + NewImg.replace(".flv",".wmv") + "\" id=\"FLVReplace\"><img src=\"\/files\/images\/std\/spacer.gif\" width=\"500\" height=\"375\" alt=\"\" border=\"0\" id=\"FLVImg\" title=\"Click to play video in the page.\"><\/a><\/div>"

			FlashBox.style.display = "block";
			var FLVImg = document.getElementById("FLVImg");
			FLVImg.src = NewImgReplace;
			FlashReplace = document.getElementById("FLVReplace");
			if (swfobject.hasFlashPlayerVersion("9.0.0")) {
				FlashReplace.onclick=function(){WriteFlashClick(NewImg,NewImgReplace);return false;}
			}else{}
		}else{}

	}catch(e){}
}

function PrevNext(ArrayName,PN){
	try{
		ArrayCount = parseInt(eval(ArrayName + ".length"));
		ArrayPos = parseInt(CurrentPos);
		CollectionPos = parseInt(ArrayPos + 1);

		if(PN=="P"){
			if(ArrayPos==0 || ArrayPos==undefined){
				PrevArrayPos = parseInt(ArrayCount-1);
				PrevCollectionPos = ArrayCount;
			}else{
				PrevArrayPos = parseInt(ArrayPos-1);
				PrevCollectionPos = parseInt(CollectionPos-1);
			}
			NewArrayPos = PrevArrayPos
			NewCollectionPos = PrevCollectionPos
		}else{

			if(CollectionPos>=ArrayCount){
				NextArrayPos = parseInt(0);
				NextCollectionPos = parseInt(1);
			}else{
				NextArrayPos = parseInt(ArrayPos+1);
				NextCollectionPos = parseInt(CollectionPos+1);
			}
			NewArrayPos = NextArrayPos
			NewCollectionPos = NextCollectionPos
		}

		NewThumb = "Thumb_" + eval(ArrayName + "[" + NewArrayPos + "]");
		ShowImg(ArrayName,NewArrayPos,NewThumb);
	}catch(e){}
}

function ChooseTab(ArrayNum){
	try{
		FirstThumb = "Thumb_" + eval(ArrayNum + "Imgs[0]");
		ArrayName = ArrayNum + "Imgs";
		ShowImg(ArrayName,0,FirstThumb);

		// hide last block of images, display chosen block
		if(OldFrameID==undefined){
		}else{
			document.getElementById(OldFrameID).style.display = "none";
		}
		ActiveFrameID = ArrayNum + "Imgs_Frame";
		var ActiveFrame = document.getElementById(ActiveFrameID);
		ActiveFrame.style.display = "block";

		// hide last block of thumbnails, display chosen thumbs
		if(OldThumbsID==undefined){
		}else{
			document.getElementById(OldThumbsID).style.display = "none";
		}
		ActiveThumbsID = ArrayNum + "Thumbs";
		var ActiveThumbs = document.getElementById(ActiveThumbsID);
		ActiveThumbs.style.display = "block";

		// Reset last tab and mark current tab selected
		if(OldTabID==undefined){
		}else{
			document.getElementById(OldTabID).className="";
		}
		ActiveTabID = ArrayNum;
		var ActiveTab = document.getElementById(ActiveTabID);
		ActiveTab.className="Sel";

		OldFrameID = ActiveFrameID;
		OldThumbsID = ActiveThumbsID;
		OldTabID = ActiveTabID;
	}catch(e){}
}


// Use this function for finding element's top and left position

function getElementPosition(elemID) {
   	try {	
		var offsetTrail = document.getElementById(elemID);
		var offsetLeft = 0;
		var offsetTop = 0;
		while (offsetTrail) {
			offsetLeft += offsetTrail.offsetLeft;
			offsetTop += offsetTrail.offsetTop;
			offsetTrail = offsetTrail.offsetParent;
		}
		if (navigator.userAgent.indexOf("Mac") != -1 && 
			typeof document.body.leftMargin != "undefined") {
			offsetLeft += document.body.leftMargin;
			offsetTop += document.body.topMargin;
		}
		return {left:offsetLeft, top:offsetTop};
	}catch(e){
	   return {left:0, top:0};
	}
    //return "left:" + offsetLeft + ", " + "top:" + offsetTop;
}


function LinkBox(ShowHide){
	try{
		var FormBox = document.getElementById('PermaLinkForm');
		if(ShowHide=='o'){
			var TopOffset = getElementPosition('PermaLink').top + 20;
			var LeftOffset = getElementPosition('PermaLink').left - 260;
			FormBox.style.top = TopOffset + 'px';
			FormBox.style.left = LeftOffset + 'px';
			FormBox.style.display = "block";
		}else{
			FormBox.style.display = "none";
		}
	}catch(e){}
}