<!--
function ShowPic(pic, w, h, title, subject, medium, year, dimensions) {
	// NS4+, IE4+ compatable
	var PicViewer;
	var strArgs;
	var xMax;
	var yMax;
	var xOffset;
	var yOffset;
	var BorderOffset;
	
	// create dynamic titling for all imagery
	var js_strTitles_ContainerHeight;
	
	js_strTitles_ContainerHeight = 60;
	
	BorderOffset = 40;
	
	h = h + BorderOffset; // compensate for vertical border
	w = w + BorderOffset; // compensate for horizontal border
	
	// calculate centering co-ordinates
    if (document.all) { // is IE 4+
        xMax = screen.width;
        yMax = screen.height;
    } else { // is shitty browser - ie Nutscrape, Opera etc.
        if (document.layers) {
            xMax = window.outerWidth;
            yMax = window.outerHeight;
        } else {
            xMax = 640;
            yMax = 480;
		}
	}
	
    xOffset = (xMax - w)/2; 
    yOffset = (yMax - h - BorderOffset) / 2;	
	
	h = h +  + js_strTitles_ContainerHeight; 
	
	strArgs = "height=" + h + ",width=" + w + ",status=no,toolbar=no,scrollbars=yes,resizable=yes,menubar=no,location=no,screenX=" + xOffset + ",screenY=" + yOffset + ",top=" + yOffset + ",left=" + xOffset;

	// format for correct render
	title = "<font size=4 face='arial, helvetica' color='ffffff'><b>" + title + "</b></font><br>";
	if (subject.length > 0 ) {
		subject = "<font size=2 face='arial, helvetica' color='ffffff'>" + subject + "</font><br>";
	}
	if (medium.length > 0 ) {
		medium = "<font size=2 face='arial, helvetica' color='ffffff'>" + medium + " - " + year + "</font><br>";
	}
	dimensions = "<font size=2 face='arial, helvetica' color='ffffff'>" + dimensions + "</font><br>";
		
	PicViewer = window.open(pic,'_blank',strArgs); // opens new window instance each time
	PicViewer.document.write("<img src='" + pic + "'><br>" + title, subject, medium, dimensions)
	PicViewer.document.bgColor="black";
	PicViewer.document.close();
}
//-->

