
// showImage.js
// 

// Functions to pop up images for full-screen display

// popupImage
//
//Usage:
//<div id="img1Title">Image title</div>
//<div id="img1Narrative">Image narrative</div>
//<A href="javascript:popupImage('An image','btn_n_image.gif','img1Title','img1Narrative');">
//
//
function popupImageFull(winTitle,imageToPop,imageTitleID,imageNarrativeID) {
    var imageTitleText;
    var imageTitleHTML;
    var imageNarrativeHTML;
    //if (document.getElementById) {
    //    imageTitleText = document.getElementById(imageTitleID).innerText;
    //    imageTitleHTML = document.getElementById(imageTitleID).innerHTML;
    //    imageNarrativeHTML = document.getElementById(imageNarrativeID).innerHTML;
    //} else {
        imageTitleText = imageTitleID;
        imageTitleHTML = imageTitleID;
        imageNarrativeHTML = imageNarrativeID;
    //}
    doc = window.open("","displayWindow","width=600,height=400,scrollbars=yes,status=yes,resizable=yes");
    doc.document.open();
    doc.document.write("<html>\n<head>\n");
    doc.document.write("<title>"+winTitle+"</title>\n");
    doc.document.write("<LINK href=\"../theme/Master.css\" rel=\"stylesheet\" type=\"text/css\"/>\n");
    doc.document.write("</head>");
    doc.document.write("<body>\n");
    doc.document.write("<h1 align='center'>"+winTitle+"</h1>\n");
    doc.document.write("<h2 align='center'>"+imageTitleHTML+"</h2>\n");
    doc.document.write("<p  align='center'><img src='"+imageToPop+"' alt='"+imageTitleText+"'></p>\n");
    doc.document.write("<p>"+imageNarrativeHTML+"</p>\n");
    doc.document.write("<p align='center'><INPUT type=\"button\" name=\"close\" value=\"Close\" onclick=\"JavaScript:window.close()\"></p>\n");
    doc.document.write("</body>\n</html>");
    doc.document.close();
    doc.focus();
}

//
//Usage:
//<A href="javascript:popupImage('An image','btn_n_image.gif');">
//
//
function popupImage(winTitle,imageToPop) {
	if (imageToPop == "") return;
    doc = window.open("","displayWindow","width=640,height=500,scrollbars=yes,resizable=yes");
    doc.document.open();
    doc.document.write("<html><head>");
    doc.document.write("<LINK href='../theme/Master.css' rel='stylesheet' type='text/css'>");
    doc.document.write("<title>"+winTitle+"</title></head>");
    doc.document.write("<body>");
    doc.document.write("<p  align='center'><img src='"+imageToPop+"'></p>");
    doc.document.write("<p align='center'><a HREF='JavaScript:window.close();'><img src='../Images/close.gif'></a></p>");
    doc.document.write("</body></html>");
    doc.document.close();
    doc.focus();
}

