svgs = new Array("rabbit","dragon","monkey","dog","wildboar");

function DoViewIllustration(num){

//	CAPTION_CLOSE_BUTTON  = "•Â‚¶‚é";
//	CAPTION_CLOSE_BUTTON  = ".  Close Window  .";
	CAPTION_CLOSE_BUTTON  = "&nbsp;&nbsp;&nbsp;Close Window&nbsp;&nbsp;&nbsp;";

	t=window.open("","t","width=360,height=450,scrollbars=0,resizable=0,toolbar=0,menubar=0,location=0,directories=0,status=0");
	/*t.window.moveTo((screen.width-360)/2,(screen.height-450)/2);*/
	t.document.open();
	t.document.writeln(" <html>");
	t.document.writeln("  <head>");
	t.document.writeln("   <title>SVG Gallery</title>");
	t.document.writeln("   <script language='JavaScript'>");
	t.document.writeln("     function closer(){");
	t.document.writeln("      close()");
	t.document.writeln("     }");
	t.document.writeln("    </script>");
	t.document.writeln("  </head>");
	t.document.writeln("  <body bgcolor='#ffffff'>");
	t.document.writeln("   <center>");
	t.document.writeln("   <form><embed height='90%' width='90%' src='svg_gallery/svgs/",svgs[num],".svg' type='image/svg+xml'><br>");
//	t.document.writeln("   <input type='button' value='•Â‚¶‚é' onclick='closer()'></form>");
	t.document.write("   <input type='button' value='");
	t.document.write(CAPTION_CLOSE_BUTTON);
	t.document.writeln("' onclick='closer()'></form>");
	t.document.writeln("   </center><br>&nbsp;<br>");
	t.document.writeln("  </body>");
	t.document.writeln(" </html>");
	t.document.close();
}

function DoLayoutThumbnails(){

	ROW_COUNT_THUMBTABLE  = 1;
	COLUMN_COUNT_THUMBTABLE  = svgs.length;

	document.writeln("<table border='0' cellspacing='2' cellpadding='0'>");
	for(i=0;i<ROW_COUNT_THUMBTABLE;i++){
		document.writeln("<tr align='center' valign='middle'>");
		
		for(j=0;j<COLUMN_COUNT_THUMBTABLE;j++){
			document.writeln("<td width='90' height='90'>");
			count = COLUMN_COUNT_THUMBTABLE*i+j;
			document.writeln("<a href='javascript:void(0)' onclick='DoViewIllustration(",count,")'>");
			document.writeln("<img src='svg_gallery/images/",svgs[count],"_s.jpg' border='0'></a>");
			document.writeln("</td>");
		}
		document.writeln("</tr>");
	}
	document.writeln("</table>");
}

