var CurrentPicNum;

function ShowPicture(PicNum) {
	CurrentPicNum = PicNum;
	//	if (navigator.appName == "Microsoft Internet Explorer"){ // better be ie6 at least
//	Picture=window.open('', '', 'fullscreen=yes, scrollbars=auto, resizable=yes');
//	}
//	else { // i.e. if Firefox
//	Picture=window.open('', '', 'width=' + (screen.width-5) + ',height=' + (screen.height-30) + ',scrollbars=auto,resizable=yes,status=0');
//	}
	Picture=window.open("","Picture","fullscreen=yes,resizable");	
	Picture.focus();
	Picture.document.open("text/html","replace");
	Picture.document.writeln("<HTLM>");
	Picture.document.writeln("<FRAMESET ROWS='50,*,25' border=0 frameborder=0 framespacing=0>");
	Picture.document.writeln("<FRAME NAME='Pic_Text' SRC='about:blank' MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=AUTO NORESIZE>");
	Picture.document.writeln("<FRAME NAME='Pic_Main' SRC='about:blank' MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=AUTO NORESIZE>");
	Picture.document.writeln("<FRAMESET COLS='*,*' border=0 frameborder=0 framespacing=0>");
	Picture.document.writeln("<FRAME NAME='Pic_Status' SRC='about:blank' MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=no NORESIZE>");
	Picture.document.writeln("<FRAME NAME='Pic_Nav' SRC='about:blank' MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=no NORESIZE>");
	Picture.document.writeln("</FRAMESET>");
	Picture.document.writeln("</FRAMESET>");
	Picture.document.writeln("</HTML>");
	Picture.document.close();

	WaitLoading();

	Picture.Pic_Nav.document.open("text/html","replace");
	Picture.Pic_Nav.document.writeln("<HTLM>");
	Picture.Pic_Nav.document.writeln("<HEAD><LINK REL='stylesheet' TYPE='text/css' HREF='picdisplay.css'></HEAD>");
	Picture.Pic_Nav.document.writeln("<BODY BGCOLOR='#000000' TEXT='#ffffff' LINK='#ffffff' VLINK='#ffffff' ALINK='#ff0000'><CENTER>");
	Picture.Pic_Nav.document.writeln("<a href='javascript:parent.opener.PrevPic()'><-- Previous</a>");
	Picture.Pic_Nav.document.writeln(" | ");
	Picture.Pic_Nav.document.writeln("<a href='javascript:parent.opener.focus();parent.close()'>return</a>");
	Picture.Pic_Nav.document.writeln(" | ");
	Picture.Pic_Nav.document.writeln("<a href='javascript:parent.opener.NextPic()'>Next --></a>");
	Picture.Pic_Nav.document.writeln("</CENTER></BODY></HTML>");
	Picture.Pic_Nav.document.close();

	Picture.Pic_Main.document.open("text/html","replace");
	Picture.Pic_Main.document.writeln("<HTLM>");
	Picture.Pic_Main.document.writeln("<BODY BACKGROUND='background.gif' BGCOLOR='#ffffff' TEXT='#000000' LINK='#0000ff' VLINK='#800080' ALINK='#ff0000' onkeydown='parent.opener.KeyPressed(self.event.keyCode);'>");
	vspace = (screen.height-120-480)/2-60;
	Picture.Pic_Main.document.writeln("<br><center><img name='BigPicture' vspace="+vspace+" src='"+PicPref+Pics[PicNum]+".jpg' alt='"+PicTitle[PicNum]+"' title='"+PicTitle[PicNum]+"' onLoad='parent.opener.DoneLoading()' onclick='parent.opener.NextPic();'></center>");
	Picture.Pic_Main.document.writeln("</BODY></HTML>");
	Picture.Pic_Main.document.close();
}

function DoneLoading() {
	Picture.Pic_Status.document.open("text/html","replace");
	Picture.Pic_Status.document.writeln("<HTLM>");
	Picture.Pic_Status.document.writeln("<HEAD><LINK REL='stylesheet' TYPE='text/css' HREF='picdisplay.css'></HEAD>");
	Picture.Pic_Status.document.writeln("<BODY BGCOLOR='#000000' TEXT='#00ffff' LINK='#ffffff' VLINK='#ffffff' ALINK='#ff0000'>");
	Picture.Pic_Status.document.writeln("<CENTER>Picture loaded</CENTER>");
	Picture.Pic_Status.document.writeln("</BODY></HTML>");
	Picture.Pic_Status.document.close();
	Picture.Pic_Main.focus();

	Picture.Pic_Text.document.open("text/html","replace");
	Picture.Pic_Text.document.writeln("<HTLM>");
	Picture.Pic_Text.document.writeln("<HEAD><LINK REL='stylesheet' TYPE='text/css' HREF='picdisplay.css'></HEAD>");
	Picture.Pic_Text.document.writeln("<BODY BGCOLOR='#000000' TEXT='#ffffff' LINK='#ffffff' VLINK='#ffffff' ALINK='#ff0000'><CENTER>");
	Picture.Pic_Text.document.writeln("<SPAN CLASS='text'>"+PicTitle[CurrentPicNum]+"</SPAN>");
	Picture.Pic_Text.document.writeln("</CENTER></BODY></HTML>");
	Picture.Pic_Text.document.close();
}

function WaitLoading() {
	Picture.Pic_Status.document.open("text/html","replace");
	Picture.Pic_Status.document.writeln("<HTLM>");
	Picture.Pic_Status.document.writeln("<HEAD><LINK REL='stylesheet' TYPE='text/css' HREF='picdisplay.css'></HEAD>");
	Picture.Pic_Status.document.writeln("<BODY BGCOLOR='#000000' TEXT='#ff0000' LINK='#ffffff' VLINK='#ffffff' ALINK='#ff0000'>");
	Picture.Pic_Status.document.writeln("<CENTER>Please wait while picture loads...</CENTER>");	
	Picture.Pic_Status.document.writeln("</BODY></HTML>");
	Picture.Pic_Status.document.close();
}

function ShowPicAlbum() {
	var thisPic;
	InitPics();
	document.writeln("<div id='instructions'>click on any picture to see a larger view</div>");
	document.writeln("<div id='picblock'>");
	thisPic=0;
	do {
		document.write("<a href='javascript:ShowPicture("+thisPic+")' class='picthumb' onmouseover='showPicTitle(\"thumb"+thisPic+"\",\"title"+thisPic+"\")' onmouseout='hidePicTitle(\"thumb"+thisPic+"\",\"title"+thisPic+"\")'><img src='"+PicPref+Pics[thisPic]+".small.jpg' height=100 width=100 id='thumb"+thisPic+"'></a>");
		document.write("<span class='pictitle' id='title"+thisPic+"'>"+PicTitle[thisPic]+"</span>");
		thisPic+=1;
	}
	while (thisPic<Pics.length);
	document.writeln("</div>");
	document.writeln("<br><br>");
	document.writeln("<div id='morepicslink'>");
	var OnClicker="";
	if (top.length==2) {
		if (top.frames[0].name=="side") OnClicker="onclick='top.side.location="+unescape("%22")+"side.html"+unescape("%22")+"'";
	}

	document.writeln("<a href='past_pics.html'"+OnClicker+">More Pictures from Past Tours</a>");
	document.writeln("</div>");
}

function showPicTitle (thumbid,titleid) {
	document.getElementById(titleid).style.visibility = "visible";
	document.getElementById(thumbid).style.border = "1px yellow solid";
}

function hidePicTitle (thumbid,titleid) {
	document.getElementById(titleid).style.visibility = "hidden";
	document.getElementById(thumbid).style.border = "1px #008080 solid";
}

function NextPic() {
	WaitLoading();
	if (++CurrentPicNum==Pics.length) {
		CurrentPicNum = 0
	}
	Picture.Pic_Main.document.BigPicture.src=PicPref+Pics[CurrentPicNum]+".jpg";
	Picture.Pic_Main.document.BigPicture.alt=PicTitle[CurrentPicNum];
	Picture.Pic_Main.document.BigPicture.title=PicTitle[CurrentPicNum];
}

function PrevPic() {
	WaitLoading();
	if (--CurrentPicNum==-1) {
		CurrentPicNum = Pics.length-1
	}
	Picture.Pic_Main.document.BigPicture.src=PicPref+Pics[CurrentPicNum]+".jpg";
	Picture.Pic_Main.document.BigPicture.alt=PicTitle[CurrentPicNum];
	Picture.Pic_Main.document.BigPicture.title=PicTitle[CurrentPicNum];
}

function KeyPressed(WhichKey) {
	if (WhichKey==37) {
		PrevPic();
	}
	else if (WhichKey==39) {
		NextPic();
	}
}
