/* 
  Dynamic Window Illustrator.  Copyright Joe McCormack.  All Rights Reserved.  
  http://www.geocities.com/code_stratos/
  Obtain permission from Joe McCormack before using this javascript.
*/
var f; var x; var y;
var ty = 0; var msy = 0; var maxy = 0; var winy = 0; var xtotal = 0;
function overlay(d,e,t) {
hide();
f = d; x = e; y = t;
size();
viewer.outerHTML = "<div id='viewer' style='position:absolute;visibility:visible;top:" + ty + ";left:0;z-index:100'></div>";
if (x < 350) {
viewer.innerHTML = "<iframe src='" + f + "' name=illustrator width=" + x + " height=" + y + " scrolling=auto frameborder=1><h1>You need Internet Explorer 5 or later to utilize this feature.</h1></iframe>";
             }
if (x > 349) {
viewer.innerHTML = "<img src=./web_graphics/sub_category.gif border=0 height=10 width=20 onclick='stretch();' alt=Expand align=left />&nbsp;<font class=vapor><b>EXPAND</b></font><br /><iframe src='" + f + "' name=illustrator width=" + x + " height=" + y + " scrolling=auto frameborder=1><h1>You need Internet Explorer 5 or later to utilize this feature.</h1></iframe>";
             }
}
function hide() {
viewer.outerHTML = "<div id='viewer' style='position:absolute;visibility:hidden;z-index:100'>";
}
function stretch() {
hide();
size();
viewer.innerHTML = "";
viewer.outerHTML = "<div id='viewer' style='position:absolute;visibility:visible;top:" + ty + ";left:0;z-index:100'></div>";
viewer.innerHTML = "<img src=./web_graphics/back_arrow.gif border=0 height=10 width=20 onclick='shrink();' alt=Collapse align=left />&nbsp;<font class=vapor><b>COLLAPSE</b></font><br /><iframe src='" + f + "' name=illustrator width=" + xtotal + " height=" + y + " scrolling=auto frameborder=1><h1>You need Internet Explorer 5 or later to utilize this feature.</h1></iframe>";
}
function shrink() {
hide();
size();
viewer.innerHTML = "";
viewer.outerHTML = "<div id='viewer' style='position:absolute;visibility:visible;top:" + ty + ";left:0;z-index:100'></div>";
viewer.innerHTML = "<img src=./web_graphics/sub_category.gif border=0 height=10 width=20 onclick='stretch();' alt=Expand align=left />&nbsp;<font class=vapor><b>EXPAND</b></font><br /><iframe src='" + f + "' name=illustrator width=" + x + " height=" + y + " scrolling=auto frameborder=1><h1>You need Internet Explorer 5 or later to utilize this feature.</h1></iframe>";
}
function size() {
msy = 0; ty = 0; maxy = 0; winy = 0;
msy = event.clientY;
maxy = document.body.clientHeight;
xtotal = document.body.clientWidth;
winy = viewer.offsetHeight + y;
ty = (maxy - winy) + document.body.scrollTop; 
if (ty < 0) { ty = maxy - y; }
}