var oLastName, nLastArea, bInUse=false;

	function fPreloadImages(){
		image1=new Image(); 
		image1.src="/images/tour_box.jpg";
		image2=new Image(); 
		image2.src="/images/arrow_right.gif";
		image3=new Image(); 
		image3.src="/images/arrow_left.gif";
		document.getElementById("oSpotDescText").style.background="#F4F5F5 url("+ image1.src +") no-repeat";
	}

window.attachEvent("onload", fPreloadImages);

	function fChangeText(bShow, nAreaID){
		if(bShow && bInUse) return;

		if(bShow){
			bInUse=true;
			var oSpotDescBox=document.getElementById("oSpotDescBox");
			var oSpotDescText=document.getElementById("oSpotDescText");
			var sSpotText=document.getElementById("oText"+ nAreaID).innerHTML;

			oSpotDescText.innerHTML="<span style=\"font-size:14px; font-weight:800;\">"+ arrSpots[nAreaID][1] +"</span><br />";
			if(arrSpots[nAreaID][0]>0){
				var sThumbImage="<div class=\"clsSpotImages\">"
				sThumbImage+="<div class=\"clsNext\"><img id=\"oNavNext\" src=\"/images/arrow_right.gif\" alt=\"Next Image\" onclick=\"fChangeImage(true, "+ nAreaID +");\" /></div>"
				sThumbImage+="<a href=\"javascript:fPopupImage('/images/tour/"+ nAreaID +"-1_b.jpg',true)\" id='oImgLink'>"
				sThumbImage+="<img id=\"oImage\" class=\"clsImage\" src=\"/images/tour/"+ nAreaID +"-1.jpg\" />"
				sThumbImage+="</a>"
				sThumbImage+="<div class=\"clsPrevious\"><img id=\"oNavPrevious\" src=\"/images/arrow_left.gif\" alt=\"Previous Image\" onclick=\"fChangeImage(false, "+ nAreaID +");\" /></div>"
				sThumbImage+="</div>"
				oSpotDescText.innerHTML+=sThumbImage;
			}
			oSpotDescText.innerHTML+=sSpotText +"<div style=\"width:465px; text-align:right;\"><input type=\"image\" src=\"/images/btn_close.gif\" onclick=\"fChangeText(false);\" /></div>";

			oSpotDescBox.style.display="block";
			fChangeImage(true, nAreaID, true);
			nLastArea=nAreaID;
		}
		else{
			document.getElementById("oSpotDescBox").style.display="none";
			bInUse=false;
		}
	}

	function fChangeImage(bNextImage, nAreaID, bFirstCall){
		var oImageObj=document.getElementById("oImage"), sImageSrc=oImageObj.src, nCurrImageNum;
		var oImgLink=document.getElementById("oImgLink")
		var nTotalImage=arrSpots[nAreaID][0];

		if(bFirstCall){
			nCurrImageNum=1;
		}
		else{
			nCurrImageNum=(sImageSrc.substr(sImageSrc.length-5,1))*1;

			if(bNextImage)
				nCurrImageNum++;
			else
				nCurrImageNum--;

			oImageObj.src="/images/tour/"+ nAreaID +"-"+ (nCurrImageNum) +".jpg";
			oImgLink.href="javascript:fPopupImage('/images/tour/"+ nAreaID +"-"+ (nCurrImageNum) +"_b.jpg',true)"
		}

		document.getElementById("oNavPrevious").style.display=(nCurrImageNum>1 ? "block" : "none");
		document.getElementById("oNavNext").style.display=(nTotalImage>nCurrImageNum ? "block" : "none");
	}