﻿//this script is for css-debugging only. please remove for live.

doc.scripts['overlay'] = function() { setOverlayKey() };

window.onload = function () { doc.runScripts() };

overlay = false;

overlayImages = 
    {
        IE6 : "images/bioInvestTransparent.png",
        IE7 : "images/bioInvestTransparent.png",
        other : "images/bioInvestTransparent.png"
    }

function setOverlayKey()
{
    if(doc.sniff.IE())
        doc.setFunction(doc.body(), 'keydown', showOverlay);
    else
        doc.setFunction(window, 'keydown', showOverlay);
}

function showOverlay(e)
{
    if(e.keyCode == 38)
    {
        var image = overlayImages.other;
        if(doc.sniff.IE6()) 
            image = overlayImage.IE6
        else if(doc.sniff.IE7())
            image = overlayImage.IE7
            
        if(!overlay)
        {
            var pageOverlay = document.createElement("div");
            pageOverlay.id = "pageOverlay";
            pageOverlay.style.position = "absolute";
            pageOverlay.style.top = "0px";
            pageOverlay.style.left = "0px";
            pageOverlay.style.background = "transparent url('" + image + "') center top no-repeat";
            pageOverlay.style.width = "100%";
            pageOverlay.style.height = "100%";
            pageOverlay.style.zIndex = "100000";
            doc.body().appendChild(pageOverlay);
            overlay = true;
         }
         else
         {
            doc.body().removeChild(doc.id("pageOverlay"));
            overlay = false;
         }
    }
}
