﻿
      function openYouTube(id) {
          //YouTube Player Parameters
          var width = 640;
          var height = 505;
          var FullScreen = "yes";
          var AutoPlay = "yes";
          var HighDef = "yes";

          //Calculate Page width and height
          var pageWidth = window.innerWidth;
          var pageHeight = window.innerHeight;
          if (typeof pageWidth != "number") {
              if (document.compatMode == "CSS1Compat") {
                  pageWidth = document.documentElement.clientWidth;
                  pageHeight = document.documentElement.clientHeight;
              } else {
                  pageWidth = document.body.clientWidth;
                  pageHeight = document.body.clientHeight;
              }
          }
          // Make Background visible...
          var divbg = document.getElementById('bg');
          divbg.style.visibility = "visible";

          //Create dynamic Div container for YouTube Popup Div
          var divobj = document.createElement('div');
          divobj.setAttribute('id', id); // Set id to YouTube id
          divobj.className = "popup";
          divobj.style.visibility = "visible";
          var divWidth = width + 4;
          var divHeight = height + 20;
          divobj.style.width = divWidth + "px";
          divobj.style.height = divHeight + "px";
          var divLeft = (pageWidth - divWidth) / 2;
          var divTop = (pageHeight - divHeight) / 2 - 10;
          //Set Left and top coordinates for the div tag
          divobj.style.left = divLeft + "px";
          divobj.style.top = divTop + "px";

          //Create dynamic Close Button Div
          var closebutton = document.createElement('div');
          closebutton.style.visibility = "visible";
          closebutton.innerHTML = "<span onclick=\"closeYouTube('" + id + "')\" class=\"close_button\">X</span>";
          //Add Close Button Div to YouTube Popup Div container
          divobj.appendChild(closebutton);

          //Create dynamic YouTube Div
          var ytobj = document.createElement('div');
          ytobj.setAttribute('id', "yt" + id);
          ytobj.className = "ytcontainer";
          ytobj.style.width = width + "px";
          ytobj.style.height = height + "px";
          if (FullScreen == "yes") FullScreen = "&fs=1"; else FullScreen = "&fs=0";
          if (AutoPlay == "yes") AutoPlay = "&autoplay=1"; else AutoPlay = "&autoplay=0";
          if (HighDef == "yes") HighDef = "&hd=1"; else HighDef = "&hd=0";
          var URL = "http://www.youtube.com/v/" + id + "&hl=en&rel=0&showsearch=0" + FullScreen + AutoPlay + HighDef;
          var YouTube = "<object width=\"" + width + "\" height=\"" + height + "\">";
          YouTube += "<param name=\"movie\" value=\"" + URL + "\"></param>";
          YouTube += "<param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param>";
          YouTube += "<embed src=\"" + URL + "\" type=\"application/x-shockwave-flash\" ";
          YouTube += "allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"" + width + "\" height=\"" + height + "\"></embed></object>";
          ytobj.innerHTML = YouTube;
          //Add YouTube Div to YouTube Popup Div container
          divobj.appendChild(ytobj);

          //Add YouTube Popup Div container to HTML BODY
          document.body.appendChild(divobj);
      }
      function closeYouTube(id) {
          var divbg = document.getElementById('bg');
          divbg.style.visibility = "hidden";
          var divobj = document.getElementById(id);
          var ytobj = document.getElementById("yt" + id);
          divobj.removeChild(ytobj); //remove YouTube Div
          document.body.removeChild(divobj); // remove Popup Div
      }

