var CurrentPicNum;

function ShowPicture(PicNum) {
	CurrentPicNum = PicNum;
	Picture=window.open("","Picture","fullscreen");	
	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'>");
	vspace = (screen.height-100-480)/2;
	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()'></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.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("<center><table border=0 width=400 align=center cellpadding=5 cellspacing=0><th colspan=2>click on any picture to see a larger view</th>");
	thisPic=0;
	do {
		if (Math.floor(thisPic/2)==(thisPic/2)) {
			document.writeln("<tr><td width=50% align=right><a href='javascript:ShowPicture("+thisPic+")'><img src='"+PicPref+Pics[thisPic]+".small.jpg' height=100 width=100></a></td>");
			document.writeln("<td width=50% valign=middle align=left>"+PicTitle[thisPic]+"</td></tr>");
		}
		else {
			document.writeln("<tr><td width=50% valign=middle align=right>"+PicTitle[thisPic]+"</td>");
			document.writeln("<td width=50% align=left><a href='javascript:ShowPicture("+thisPic+")'><img src='"+PicPref+Pics[thisPic]+".small.jpg' height=100 width=100></a></td></tr>");
		}
		thisPic+=1;
	}
	while (thisPic<Pics.length);
	document.writeln("</table></center>");
}

function NextPic() {
	WaitLoading();
	if (++CurrentPicNum==Pics.length) {
		CurrentPicNum = 0
	}
	Picture.Pic_Main.BigPicture.src=PicPref+Pics[CurrentPicNum]+".jpg";
	Picture.Pic_Main.BigPicture.alt=PicTitle[CurrentPicNum];
	Picture.Pic_Main.BigPicture.title=PicTitle[CurrentPicNum];
}

function PrevPic() {
	WaitLoading();
	if (--CurrentPicNum==-1) {
		CurrentPicNum = Pics.length-1
	}
	Picture.Pic_Main.BigPicture.src=PicPref+Pics[CurrentPicNum]+".jpg";
	Picture.Pic_Main.BigPicture.alt=PicTitle[CurrentPicNum];
	Picture.Pic_Main.BigPicture.title=PicTitle[CurrentPicNum];
}
