/*---------------------------------------------------------------------------
Pop-up window for larger photographs
This function opens a new window whose size is determined by that of the
target image. The image is dynamically written to the new window with a
hotspot that closes the new window when an individual clicks on the image
contained within.
It has been tested in IE 5.5 + and NN 6.2 +
----------------------------------------------------------------------------*/
function getPhoto(Img,W,H){ //receives the target image name, width, and size respectively
var photoWin = null;
/*sets the default url for the target image. To change the
url, simply replace the "/images/" with the appropriate path (URL)
Just be sure that the target image exists in the path (URL) specified.*/
var URL = "http://janticonstruction.com/" +Img;
var aW = screen.availWidth;
var aH = screen.availHeight;
var winH = aH-50;
//set the width value for the pop-up window by adding 20 pixels to the target image's width
var wW = 40 + (parseInt(W));
//set the height value for the pop-up window by adding 40 pixels to the target image's height
var wH = 28 + (parseInt(H));
//sets the default top location of the pop-up window
var winTop = 5;
//To center the window on the screen, comment out the above line, and uncomment the following line
//var winTop = (aH - wH)/2;
//sets the beginning point of the pop-up window (distance from the left)
//This is currently set to right align the pop-up window.
//var winLeft = aW - (10 + parseInt(wW));
//To center the pop-up window on the screen, comment out the above line, and uncomment the following line
var winLeft = (aW - wW)/2;
if (wH > winH){
wH = winH;
}
/* Now, we assign the HTML that's to be dynamically written into our pop-up window to a variable
It shouldn't be necessary to change any of the code for this variable */
var strImage = "\r";
strImage += "CLICK IMAGE TO CLOSE WINDOW\r";
//define a function that resizes the window based upon the target image width and height
strImage += " \r";
strImage += " \r";
strImage += " \r"; //end our function
strImage += " \r";
strImage += " \r";
strImage += " \r";
strImage += "![]("+URL+")
\r";
strImage += "
[ CLICK IMAGE TO CLOSE WINDOW ]
\r";
strImage += " \r";
/* Now that we've finished assigning our new HTML to a variable, it's time to open the pop-up window */
photoWin = window.open('','photoWin','width='+wW+',height='+wH+',left='+winLeft+',top='+winTop+',scrollbars=yes,resizable=yes');
photoWin.window.focus();
//Write the Image to the New Window & we're done.
photoWin.document.write(strImage);
photoWin.document.close();
}