function showPage(image) {
var pic = '../angevine/' + image + '.JPG';
// Preload the image into the cache (sometimes this doesn't work...)
abbImg = new Image();
abbImg.src = pic;
// if (!abbImg.width) {
// waitPage(pic,image,winWidth,winHeight,text);
// var x = abbImg.width;
// var y = abbImg.height;
// }
// abbImg.onload = clearAttributes();
// Open the page and set key variables
// document.documentElement.clientHeight/Width
// Remember that screen.width is the actual raster width, not the browser width!
var HeightAdjustFactor = .7;
var WidthAdjustFactor = .8;
var winWidth = screen.width;
var winHeight = Math.floor(screen.height * .95);
var picMaxWidth = Math.floor(winWidth * WidthAdjustFactor);
var picMaxHeight = Math.floor(winHeight * HeightAdjustFactor);
var adjustWidth = 1;
// Assemble the top of the web page
var doctype = '';
var meta = '\n';
meta += '\n';
meta += '\n';
meta += '\n';
meta += '\n';
meta += '\n';
var text = doctype;
text += '\n\n';
text += 'Image ' + image + '\n';
text += meta;
text += '\n\n';
var x = abbImg.width;
var y = abbImg.height;
// Try another way to get the height and width of the image:
if (!x) {
var x = abbImg.naturalWidth;
var y = abbImg.naturalHeight;
}
var aspectRatio = x / y;
// If the photo is too tall, proportionally adjust the width.
// (If the image is too wide, it will automatically adjust later.)
// If an undersized photo becomes too tall at 70% width, adjust it:
if (y * (picMaxWidth / x) > picMaxHeight) {
adjustWidth = (winHeight * HeightAdjustFactor) / (y * (picMaxWidth / x));
}
// Use this if we know the size of the image
// of else use the generic version.
if ((adjustWidth == 1) && (x == picMaxWidth)) {
var method = "Image shown actual size";
}
else if ((adjustWidth == 1) && (x < picMaxWidth)) {
var method = "Image shown larger than actual size Some blurring may occur";
}
else if (adjustWidth < 1) {
method = "Image shown smaller than actual size";
}
else
{
var method = "Image not shown actual size";
}
var styleWidth = Math.floor(100 * WidthAdjustFactor * adjustWidth);
// Write the IMG tag's style attribute:
if (adjustWidth != 1) {
var style = "width:" + styleWidth + "%";
}
else if (x > picMaxWidth) {
var style = "80%";
}
else {
var style = "";
}
var img = '\n\n';
// Retrieve the caption:
var caption = document.getElementById(image).innerHTML;
caption = caption.replace(/ /gi," ");
caption = '
' + caption + '
';
// Make other pieces of the page:
var pushbutton = '';
var finalStatus = '\n\n\n\n';
// Assemble the new web page
var text1 = text;
text1 += img + caption + pushbutton;
text1 += '
' + method + '
';
text1 += finalStatus;
text1 += '';
// Open the window and write the data
target = window.open('','angevine','width=' + winWidth + ',height=' + winHeight + ',status=yes,scrollbars=yes,resizable=yes,toolbar=yes,menubar=yes');
target.document.open();
target.document.write(text1);
target.document.close();
}
function waitPage(pic,image,winWidth,winHeight,text) {
target = window.open('','angevine','width=' + winWidth + ',height=' + winHeight + ',status=yes,scrollbars=yes,resizable=yes,toolbar=yes,menubar=yes');
target.document.write(text);
target.document.write('');
target.document.write('