<!--
// This script opens new custimized window on mouseclick, and fills this window with large picture.
// A new mouseclick on open window closes this window. Picture is placed in the middle of the window.
// New window is located 30 pixels from the top and 50 to the left. Its size is the size of the picture plus
// constant margins of +80px width and +80 px height. Backgroud color is defined in the script.
// Function Parameters: picture name, window width, window height.
// Picture name is inside the script concatenated with _d.jpg
// The relative path to subdirectory /photo is added as well.
// Note: this script usues quite complex technique to make picture positioning in the centre of the
// window borrowed from "http://brunildo.org/test/img_center.html".
// Code for IE/Mac is wrapped in a suitable filter. Code for IE/Win is shown in conditional comments.
// 
function large_win(img_num, width, height) {
var large = open("", 'name', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, width=' + (width+80) + 'px, height=' + (height+80) + 'px, top=30px, left=50px');
large.document.write('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"');
large.document.write('"http://www.w3.org/TR/REC-html40/loose.dtd">');
large.document.write('<html><head><style type="text/css">');
large.document.write('.wraptocenter {display: table-cell; text-align: center; vertical-align: middle; width:' + (width+80) + 'px; height:' + (height+70) + 'px;}');
large.document.write('.wraptocenter * {vertical-align: middle;}');
large.document.write('/* IE/Mac \*//*/');
large.document.write('.wraptocenter {display: block;}');
large.document.write('.wraptocenter span {display: inline-block; height: 100%; width: 1px;}');
large.document.write('/**/');
large.document.write('</style>');
large.document.write('<!--[if IE]><style>');
large.document.write('.wraptocenter span {display: inline-block; height: 100%;}');
large.document.write('</style><![endif]-->');
large.document.write('<title>' + img_num + '</title>');
large.document.write('</head>');
large.document.write('<body bgcolor="#3D4145">');
large.document.write('<body onclick=self.close(); onblur=self.close();>');
large.document.write('<div class="wraptocenter"><span></span>');
large.document.write('<img src="photo/' + img_num + '_d.jpg" border=0 alt="" title="click to close the picture">');
large.document.write('</div></body></html>');
large.document.close();
large.focus(); 
}
// This script opens new custimized window on mouseclick, and fills this window with large picture.
// A new mouseclick on open window closes this window. Picture is placed in the middle of the window.
// New window is located 30 pixels from the top and 50 to the left. Its size is the size of the picture plus
// constant margins of +80px width and +80 px height. Backgroud color is defined in the script.
// Function Parameters: picture name, window width, window height.
// Picture name is inside the script concatenated with _d.jpg
// The relative path to subdirectory /photo is added as well.
// Note: this script usues quite complex technique to make picture positioning in the centre of the
// window borrowed from "http://brunildo.org/test/img_center.html".
// Code for IE/Mac is wrapped in a suitable filter. Code for IE/Win is shown in conditional comments.
// 
function large_win_scroll(img_num, width, height) {
var large = open("", 'name', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, width=' + (width+80) + 'px, height=' + (height+110) + 'px, top=30px, left=5px');
large.document.write('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"');
large.document.write('"http://www.w3.org/TR/REC-html40/loose.dtd">');
large.document.write('<html><head><style type="text/css">');
large.document.write('.wraptocenter {display: table-cell; text-align: center; vertical-align: middle; width:' + (width+80) + 'px; height:' + (height+70) + 'px;}');
large.document.write('.wraptocenter * {vertical-align: middle;}');
large.document.write('/* IE/Mac \*//*/');
large.document.write('.wraptocenter {display: block;}');
large.document.write('.wraptocenter span {display: inline-block; height: 100%; width: 1px;}');
large.document.write('/**/');
large.document.write('</style>');
large.document.write('<!--[if IE]><style>');
large.document.write('.wraptocenter span {display: inline-block; height: 100%;}');
large.document.write('</style><![endif]-->');
large.document.write('<title>' + img_num + '</title>');
large.document.write('</head>');
large.document.write('<body bgcolor="#3D4145">');
large.document.write('<body onclick=self.close(); onblur=self.close();>');
large.document.write('<div class="wraptocenter"><span></span>');
large.document.write('<img src="photo/' + img_num + '_d.jpg" border=0 alt="" title="click to close the picture">');
large.document.write('</div></body></html>');
large.document.close();
large.focus(); 
}
// This script opens new custimized window on mouseclick, and fills this window with large picture.
// A new mouseclick on open window closes this window. Picture is placed in the middle of the window.
// New window is located 30 pixels from the top and 50 to the left. Its size is the size of the picture plus
// constant margins of +80px width and +80 px height. Backgroud color is defined in the script.
// Function Parameters: picture name inclusive full path from the root directory, window width, window height.
// Picture name is inside the script concatenated with _d.jpg
// Note: this script usues quite complex technique to make picture positioning in the centre of the
// window borrowed from "http://brunildo.org/test/img_center.html".
// Code for IE/Mac is wrapped in a suitable filter. Code for IE/Win is shown in conditional comments.
// 
function large_win_dir(img_num, width, height) {
var large = open("", 'name', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, width=' + (width+80) + 'px, height=' + (height+80) + 'px, top=30px, left=50px');
large.document.write('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"');
large.document.write('"http://www.w3.org/TR/REC-html40/loose.dtd">');
large.document.write('<html><head><style type="text/css">');
large.document.write('.wraptocenter {display: table-cell; text-align: center; vertical-align: middle; width:' + (width+80) + 'px; height:' + (height+70) + 'px;}');
large.document.write('.wraptocenter * {vertical-align: middle;}');
large.document.write('/* IE/Mac \*//*/');
large.document.write('.wraptocenter {display: block;}');
large.document.write('.wraptocenter span {display: inline-block; height: 100%; width: 1px;}');
large.document.write('/**/');
large.document.write('</style>');
large.document.write('<!--[if IE]><style>');
large.document.write('.wraptocenter span {display: inline-block; height: 100%;}');
large.document.write('</style><![endif]-->');
large.document.write('<title>' + img_num + '</title>');
large.document.write('</head>');
large.document.write('<body bgcolor="#3D4145">');
large.document.write('<body onclick=self.close(); onblur=self.close();>');
large.document.write('<div class="wraptocenter"><span></span>');
large.document.write('<img src="' + img_num + '_d.jpg" border=0 alt="" title="click to close the picture">');
large.document.write('</div></body></html>');
large.document.close();
large.focus(); 
}
//-->


