numPictures = 5;
numPerLine = 5;
function openInsidePage(x) {
with (document){
open();
writeln('<HTML><HEAD>');
writeln('<TITLE> Paintings</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="Paintings/'+x+'.jpg" border=1></td>');
writeln('</tr>');
writeln('<tr valign=middle align=center>');
writeln('<td><center><a href="index.html"><img src="Paintings/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="Paintings/CH' + estaImagen + '.jpg" border=0</a></td>');
estaImagen++;
} else {
document.write('<td></td>');
estaImagen++;
}
}
document.write('</tr>');
}
document.write('</table>');
document.write('</div>');
