<!-- Idea by:  Nic Wolfe (Nic@TimelapseProductions.com) -->
<!-- Web URL:  http://fineline.xs.mw -->

function popUp(URL,WIDTH,HEIGHT) {
    day = new Date();id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'resizable,toolbar=0,scrollbars=yes,location=0,statusbar=0,menubar=0,width=" + WIDTH + ",height="+ HEIGHT +",left = 20O,top = 100');");
}
//href="javascript:popUp('popup.htm',625,650)"


var viewportwidth;
 var viewportheight;

 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 }

 // older versions of IE

 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }

 function show_video() {
    document.getElementById('vid_container').style.display = 'block';
    overlay2_show();

 }
  function hide_video() {
    document.getElementById('vid_container').style.display = 'none';
    overlay2_hide();

 }

function overlay2_hide() {
    document.getElementById('overlay2').style.display = 'none';
}

function overlay2_show() {
    document.getElementById('overlay2').style.height = viewportheight+'px';
    document.getElementById('overlay2').style.display = 'block';
}