// tnfr.js
// Thumb Nail for FRames
// see pics.js, for how to include pictures
// NOTE size is for the BIG Image
pic = new Array(128);
tn = new Array(128);
// Height
har = new Array(128);
// Width
war = new Array(128);
lab = new Array(128);

	function createPicWin()
	{

		parent.picwin.document.writeln('<html>');
		parent.picwin.document.writeln('<head>');
		parent.picwin.document.writeln('<title>');
		parent.picwin.document.writeln('pic.html');
		parent.picwin.document.writeln('</title>');

		parent.picwin.document.writeln('</head>');
		parent.picwin.document.writeln('<body>');
		parent.picwin.document.writeln('<center>');
		parent.picwin.document.writeln('<h2>');
		parent.picwin.document.writeln(pname);
		parent.picwin.document.writeln('</h2>');
/*
		parent.picwin.document.writeln('<form name="labelForm">');


//		parent.picwin.document.writeln('<input type=text name="labelText" readonly=true');
//		parent.picwin.document.writeln('<input type=label name="labelText" readonly=true');

		parent.picwin.document.writeln('<input type=label name="labelText" readonly=true');
		parent.picwin.document.writeln('size="30">');
		parent.picwin.document.writeln('</form>');
*/
		parent.picwin.document.writeln('<img name="bigImg">');
		parent.picwin.document.writeln('</center>');
		parent.picwin.document.writeln('</body>');
		parent.picwin.document.writeln('</html>');
		return;

	} // end createPicWin()


	function makeThumbs()
	{
		document.writeln('<table>');
		document.writeln('<tr align="center">');
		for(var i = 0 ; i < 127 ; i++) {
			if(typeof(pic[i]) != 'undefined') {
				document.writeln('<td align="center">');
				makeThumb(i);
				document.writeln("</td>");
				if((( i + 1) % 3 == 0)) {
					document.writeln('</tr>');
					document.writeln('<tr align="center">');
				}
			}
		}
		document.writeln('</tr align="center">');
		document.writeln('</table>');
		return;
	} // end makeThumbs()


	function makeThumb(num)
	// makes the <img src = pic[x]..... line
	{
	var x  = "im" + num;
	var	h;
	var	w;

		document.writeln('<a href="javascript: thumbToPic(' + num + ')">');
		document.writeln("<img name= '" + x + "'");
		document.writeln("></a>\n");

		if(typeof(tn[num]) == 'undefined') {
			document.images[x].src = pic[num];
		}
		else {
			document.images[x].src = tn[num];
		}
		
		if(war[num] > har[num]) {
			w =  80;
			h = 62;
		}
		else {
			w =  40;
			h = 62;
		}
		document.images[x].height = h
		document.images[x].width = w
		return;
	} // end makeThumb()


	// shows the picture clicked_on
	function thumbToPic(indx)
	{
		parent.picwin.document['bigImg'].height = har[indx];
		parent.picwin.document['bigImg'].width =  war[indx];
		parent.picwin.document['bigImg'].src = pic[indx];

/*
		if(typeof(lab[indx]) == 'undefined')
			parent.picwin.document.forms[0].labelText.value = " ";
		else
			parent.picwin.document.forms[0].labelText.value = lab[indx];
*/
		return;
	} // end thumbToPic()

