numPictures = 17;
numPerLine = 6;
function openInsidePage(x) {
with (document){
open();
writeln('<HTML><HEAD>');
writeln('<TITLE> Photos</TITLE>');
writeln('<link href="hs.css" rel="stylesheet" type="text/css">');
writeln('</head>');
writeln('<body bgcolor=>');
writeln('<div align=center>');
writeln('<table width=100 border=0 cellspacing=0 cellpadding=3>');
writeln('<tr>');
writeln('<td><img src="Photos/'+x+'.jpg" border=1></td>');
writeln('</tr>');
writeln('<tr valign=middle align=center>');
writeln('<td><center><a href="index.html"><img src="Photos/flechita.gif" border= "0"></a>');
writeln('</tr></table>');
writeln('</div>');
writeln('</body>');
writeln('</html>');
close();
}
}
document.write('<div align=center>');
	var numOfRows = 1;
	var estaImagen = 1;
	var numOfPicsDiv = numPictures / numPerLine;
	if(numOfPicsDiv > parseInt(numOfPicsDiv)) {
		numOfRows = parseInt(numOfPicsDiv) + 1;
	} else {
		numOfRows = numOfPicsDiv;
	}
	document.write('<table width=200 cellpadding=3>');
	for (i = 1; i <= numOfRows; i++) {
		document.write('<tr align=center>');
		for (e = 1; e <= numPerLine; e++) {
			if (estaImagen <= numPictures) {
				document.write('<td align=center valign=bottom><a href="javascript:openInsidePage(' + estaImagen + ')"><img src="Photos/CH' + estaImagen + '.jpg" border=0</a></td>');
				estaImagen++;
			} else {
				document.write('<td></td>');
				estaImagen++;
			}
		}
	document.write('</tr>');
	}
	document.write('</table>');
document.write('</div>');
