function showLoading() {
    
    document.getElementById("overlay").style.display = "block";
}

function hideLoading() {
    document.getElementById("overlay").style.zIndex = 110;
    
}


function getDocHeight() {
    var D = document;
    return Math.max(
                Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
                Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
                Math.max(D.body.clientHeight, D.documentElement.clientHeight)
                );
}
function getDocWidth() {
    var D = document;
    return Math.max(
                Math.max(D.body.scrollWidth, D.documentElement.scrollWidth),
                Math.max(D.body.offsetWidth, D.documentElement.offsetWidth),
                Math.max(D.body.clientWidth, D.documentElement.clientWidth)
                );
}

function showPanel(panelID) {    
    document.getElementById(panelID).style.display = "block";
}

function changecss(theClass, element, value) {
    //Last Updated on June 23, 2009
    //documentation for this script at
    //http://www.shawnolson.net/a/503/altering-css-class-attributes-with-javascript.html
    var cssRules;

    var added = false;
    for (var S = 0; S < document.styleSheets.length; S++) {

        if (document.styleSheets[S]['rules']) {
            cssRules = 'rules';
        } else if (document.styleSheets[S]['cssRules']) {
            cssRules = 'cssRules';
        } else {
            //no rules found... browser unknown
        }

        for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
            if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
                if (document.styleSheets[S][cssRules][R].style[element]) {
                    document.styleSheets[S][cssRules][R].style[element] = value;
                    added = true;
                    break;
                }
            }
        }
        if (!added) {
            if (document.styleSheets[S].insertRule) {
                document.styleSheets[S].insertRule(theClass + ' { ' + element + ': ' + value + '; }', document.styleSheets[S][cssRules].length);
            } else if (document.styleSheets[S].addRule) {
                document.styleSheets[S].addRule(theClass, element + ': ' + value + ';');
            }
        }
    }
}


function show(panelID) {

    changecss(".DocumentsViewPanelPlayer", "visibility", "hidden");
    document.getElementById("overlay").style.zIndex = 140;
    document.getElementById("overlayLoadedContent").innerHTML = document.getElementById(panelID).innerHTML;
    document.getElementById(panelID).innerHTML = "";
    document.getElementById("overlay").style.display = "block";
    document.getElementById("overlayContent").style.display = "block";
    document.getElementById("overlay").style.height = getDocHeight() + "px";
    document.getElementById("overlay").style.width = getDocWidth() + "px";
    FullScreen(1);
    var t = setTimeout("hideLoading()", 3000);
    return false;
}

function hideOverLay(panelID) {
    document.getElementById(panelID).innerHTML = document.getElementById("overlayLoadedContent").innerHTML;
    document.getElementById("overlayLoadedContent").innerHTML = "";
    document.getElementById("overlay").style.display = "none";
    document.getElementById("overlayContent").style.display = "none";
    changecss(".DocumentsViewPanelPlayer", "visibility", "visible");
    return false;
}

function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            oldonload();
            func();
        }
    }
    alert(window.onload);
}

function FullScreen(mod) {
    if (mod == null) {
        if (document.getElementById('overlayLoadedContent').style.left == "") {
            document.getElementById('overlayLoadedContent').style.left = "-190";
            document.getElementById('overlayLoadedContent').style.top = "0";
            document.getElementById('overlayLoadedContent').style.width = "100%";
            document.getElementById('overlayLoadedContent').style.height = "100%";
//            document.getElementById('overlayLoadedContent').style.position = "fixed";
            document.getElementById('buttonFullscreen').style.backgroundImage = "url(/App_Themes/Default/images/overlayButtonNotFullscreen.png)";
        }
        else {
            document.getElementById('overlayLoadedContent').style.left = "";
            document.getElementById('overlayLoadedContent').style.top = "";
            document.getElementById('overlayLoadedContent').style.width = "590px";
            document.getElementById('overlayLoadedContent').style.width = "";
//            document.getElementById('overlayLoadedContent').style.position = "relative";
            document.getElementById('buttonFullscreen').style.backgroundImage = "url(/App_Themes/Default/images/overlayButtonFullscreen.png)";
        }
    }
    else
    {
        if (mod == 1) {
            document.getElementById('overlayLoadedContent').style.left = "0";
            document.getElementById('overlayLoadedContent').style.top = "0";
            document.getElementById('overlayLoadedContent').style.width = "100%";
            document.getElementById('overlayLoadedContent').style.height = "100%";
//            document.getElementById('overlayLoadedContent').style.position = "fixed";
            document.getElementById('buttonFullscreen').style.backgroundImage = "url(/App_Themes/Default/images/overlayButtonNotFullscreen.png)";
        }
        
    }
}

function NotFullScreen() {
    document.getElementById('overlayLoadedContent').style.left = "";
    document.getElementById('overlayLoadedContent').style.left = "";
    document.getElementById('overlayLoadedContent').style.width = "590px";
    document.getElementById('buttonFullscreen').style.backgroundImage = "url(/App_Themes/Default/images/overlayButtonFullscreen.png)";    
}