var hoverFile = ".gif";
var hoverFileAdd = "_sel.gif";
var selectedControl;
var leaveClass = "leave";
var previousHoofdstuk;

window.onload = resize;

function HoofdstukHighlight(hoofdstuknaam, hoofdstuk, hover) {
    var isSelected = hover || hoofdstuk == selectedControl;
    var objHoofdstuk = document.getElementById(hoofdstuk + '_tdHoofdstuk');

    if (objHoofdstuk != null && objHoofdstuk.className.indexOf(leaveClass) == -1) {

        objHoofdstuk.className = isSelected ? "selected" : "";

        var hoofdstukImages = objHoofdstuk.getElementsByTagName("img");

        for (var x = 0; x < hoofdstukImages.length; x++) {
            if (isSelected) {

                if (hoofdstukImages[x].src.indexOf(hoverFileAdd) == -1) hoofdstukImages[x].src = hoofdstukImages[x].src.replace(hoverFile, hoverFileAdd);
            }
            else hoofdstukImages[x].src = hoofdstukImages[x].src.replace(hoverFileAdd, hoverFile);
        }

        var objHoofdstukTitel = document.getElementById(hoofdstuk + "_titel");
        if (objHoofdstukTitel != null) {
            objHoofdstukTitel.style.color = isSelected ? "#ffffff" : "";
            objHoofdstukTitel.style.cursor = "pointer";
        }
        var lnkLeesMeer = document.getElementById(hoofdstuk + "_lnkLeesMeer");
        if (lnkLeesMeer != null) {
            lnkLeesMeer.style.color = isSelected ? "#000000" : "";
        }
    }


    if (isSelected) {
        GoToHoofdstuk(hoofdstuknaam);
    } else {
        //GoToHoofdstuk(hoofdstuknaam);
    }
}

function GoToHoofdstuk(hoofdstuk) {
    var movie = getFlashMovie("FC_ctl00_fotoWissel");
    if (movie != undefined && movie.Hoofdstuk != undefined) {
        //alert("prev: " + previousHoofdstuk + " hoofdst: " + hoofdstuk);
        if (hoofdstuk != previousHoofdstuk) movie.Hoofdstuk(hoofdstuk);
        previousHoofdstuk = hoofdstuk;
    }
}

function getFlashMovie(movieName) {
    var isIE = navigator.appName.indexOf("Microsoft") != -1;
    var movie = /*(isIE) ? window[movieName] :*/document[movieName];
    // if (isIE) movie = movie[0]; //movie.getElementsByTagName("object")[0];
    return movie;
}

function resize() {
    var menuLinks = document.getElementById("menuLinks");
    var content = document.getElementById("contentOnderHolder");
    var menuHoofdstuk = document.getElementById("ctl00_ContentPlaceHolderOnder_panelHoofdstukMenu");
    var subMenu = document.getElementById("ctl00_ContentPlaceHolderOnder_panelSubMenu");
    var footer = document.getElementById("copyright");
    var correctiefactor = 50;
    var minimumHoogte = 345;

    if (menuLinks != null) {
        if (menuLinks.clientHeight > minimumHoogte) {
            if (menuHoofdstuk != null) {
                menuHoofdstuk.style.height = menuLinks.clientHeight - correctiefactor + "px";
            }
            if (subMenu != null) {
                subMenu.style.height = menuLinks.clientHeight - correctiefactor + "px";
            }
        }

        /*if (content != null) {
        if (content.clientHeight > menuLinks.clientHeight) {
        menuLinks.style.height = content.clientHeight + "px";
        if (menuHoofdstuk != null) {
        menuHoofdstuk.style.height = content.clientHeight - correctiefactor + "px";
        }
        if (subMenu != null) {
        subMenu.style.height = content.clientHeight - correctiefactor + "px";
        }
        }
        } */

    }


    if (document != null && document.body != null && document.documentElement != null) {
        var windowheight = document.documentElement.clientHeight;
        var centerScreen = document.getElementById("centerScreen");
        var headerHoogte = 229;
        var scrollHoogte = headerHoogte + content.scrollHeight + correctiefactor;

        if (centerScreen != null) {
            if (scrollHoogte > windowheight) {
                centerScreen.style.height = scrollHoogte + "px";
            }
            else {
                centerScreen.style.height = windowheight - correctiefactor + "px";
            }
        }

        if (scrollHoogte > windowheight) {
            menuLinks.style.height = content.scrollHeight + 35 + "px";
            if (menuHoofdstuk != null) {
                menuHoofdstuk.style.height = content.scrollHeight - 10 + "px";
            }
            if (subMenu != null) {
                subMenu.style.height = content.scrollHeight - 15 + "px";
            }
        }
        else {
            menuLinks.style.height = windowheight - correctiefactor - headerHoogte - footer.clientHeight + "px";
            if (menuHoofdstuk != null) {
                menuHoofdstuk.style.height = windowheight - 338 + "px";
            }
            if (subMenu != null) {
                subMenu.style.height = windowheight - 343 + "px";
            }
        }
    }
}

function scrollToElement(theElement) {
    _theElement = document.getElementById(theElement.id);
    //offset = _theElement.offsetParent.offsetParent.offsetParent.offsetTop + 1000 + "px";
    self.scrollTo(0, _theElement.offsetParent.offsetParent.offsetParent.offsetTop + 300);
}

function scrollToElement2(theElement) {
    _theElement = document.getElementById(theElement.id);
    //offset = _theElement.offsetParent.offsetParent.offsetParent.offsetTop + 1000 + "px";
    self.scrollTo(0, _theElement.offsetTop);
}

function collapsibleBehavior(theElement) {
    _theElement = $find(theElement);
    if (_theElement != null) {
        _theElement.add_expandComplete(resize);
        _theElement.add_collapseComplete(resize);
    }
}