
var background_color	= '#000000';
					

var popup_title		= 'Click on composite to close window';


var popup_padding_w = 30;
				
var popup_padding_h = 20;
				





var pimage_wh = null; // pimage window handler

function pimage(image_url, image_width, image_height ) { 

	// create the variable sets for the popup window dimensions and settings
	var popup_width = parseInt(image_width) + popup_padding_w;  
	var popup_height = parseInt(image_height) + popup_padding_h;
	var popup_variables = "width=" + popup_width + ",height=" + popup_height + ",toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no";

	// create a blank popup window with the proper settings for the image to be loaded
	pimage_wh = open('','pimage', popup_variables);

	// generate the dynamic code
	generate_html( image_url, image_width, image_height );
}



function generate_html( image_url, image_width, image_height ) {

	var phd = pimage_wh.document;
	phd.open();
	phd.write('<!doctype html public "-//w3c//dtd html 4.0 transitional//en">\n');
	phd.write('<HTML>\n<HEAD>\n<TITLE>' + popup_title + '</TITLE>\n');
	phd.write('</HEAD>\n');
	phd.write('<BODY BGCOLOR="' + background_color + '" onBlur="window.close();"\n');
	phd.write('<DIV ALIGN="CENTER">\n');
	phd.write('<TABLE WIDTH="100%" HEIGHT="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">\n');
	phd.write('<TR ALIGN="CENTER" VALIGN="MIDDLE">\n');
	phd.write('<TD WIDTH="100%">\n');
	phd.write('<A HREF="javascript:window.close();"><IMG SRC="' + image_url + '" WIDTH="' + image_width + '" HEIGHT="' + image_height + '" BORDER="0" ALT="click image to close window"></A></TD>\n');
	phd.write('</TABLE>\n');
	phd.write('</DIV>\n');
	phd.write('</BODY>\n</HTML>');
	phd.close();
}