var newWin = false;

function writeLinks(w,h,title,imgName) {
  if (document.getElementById && document.createElement) {
    var initPosterH1 = document.getElementById("posterH1");
    var initPosterDiv = document.getElementById("posterDiv");
    initPosterDiv.insertBefore(posterForm = document.createElement("form"), initPosterH1);
    posterForm.name = "NewWinForm";
    posterForm.appendChild(showHide = document.createElement("a"));
    posterForm.appendChild(formSpan = document.createElement("span"));
    formSpan.id = "checkboxText";
    inNewWin = document.createElement("input");
    inNewWin.type = "checkbox";				// IE requires me to set this before appending to the document ... grr!
    formSpan.appendChild(inNewWin);
    inNewWin.name = "NewWin";
    formSpan.appendChild(document.createTextNode("in new window"));
    showHide.id = "showHide";
    showHide.onclick = function () {
      var hidden;	// if hidden=1, then the poster was hidden when function was called
      var showInNewWin = inNewWin.checked;
      if (showInNewWin) {
        hidden = (!newWin || newWin.closed) ? true : false;
        if (hidden) {
          var winW = w+10;
          var winH = h+30;
          newWin = window.open("","popPoster","height="+winH+",width="+winW+"");
          newWin.onUnLoad = function () { 
            document.getElementById('posterH1').firstChild.nodeValue = 'show poster';
            document.getElementById('checkboxText').style.display = 'inline';  
          }
          nWd = newWin.document;
          nWd.write("<html><head><title>"+title+" poster</title>");
          nWd.write("<link rel='stylesheet' href='../common/screenplays.css' type='text/css' /></head>");
          nWd.write("<body id='newWin'>");
          nWd.write("<p id='newWinP'><a onclick='window.close()'>close window</a></p>");
          nWd.write("<img src='"+imgName+"' width='"+w+"' height='"+h+"' alt='' />");
          nWd.write("</body></html>");
          var pl = document.getElementById("showHide");
          pl.firstChild.nodeValue = hidden ? "hide poster" : "show poster";
          document.getElementById("checkboxText").style.display = hidden ? "none" : "inline";
        } else {
          newWin.close();
          var pl = document.getElementById("showHide");
          pl.firstChild.nodeValue = hidden ? "hide poster" : "show poster";
          document.getElementById("checkboxText").style.display = hidden ? "none" : "inline";
        }
      } else {
        var p = document.getElementById("poster");
        hidden = (!p.style.display | (p.style.display == "none")) ? true : false;
        p.style.display = hidden ? "block" : "none";
        var pl = document.getElementById("showHide");
        pl.firstChild.nodeValue = hidden ? "hide poster" : "show poster";
        document.getElementById("checkboxText").style.display = hidden ? "none" : "inline";
      }
    }
    showHide.appendChild(document.createTextNode("show poster"));
    document.getElementById("poster").style.display = "none";
    window.onfocus = function () {	// a hack, really, because how else to tell when the window closes?
      if (newWin && newWin.closed && document.getElementById("poster").style.display == "none") {	
        // window closed, poster hidden
        document.getElementById("showHide").firstChild.nodeValue = "show poster";
        document.getElementById("checkboxText").style.display = "inline";
      } 
    }
  }
}

