window.onload = function(){
    try{
        if(top.location.href.split("?")[0] != window.location.href.split("?")[0]){
	        top.location.href = window.location.href;
        }
    }catch(ex){}
    try{
        var rek = document.getElementById("product_rek");
        var cont = document.getElementById("product_content");
        rek.style.height = (cont.offsetHeight - 164) + "px";
        cont.style.top = (0 - cont.offsetHeight) + "px";
        document.getElementById("product").style.height = cont.offsetHeight + "px";
    }catch(ex){}
    var nws = document.getElementById("nieuws_vak_content").getElementsByTagName("div");
    var nwsH = 0;
    for(i=0;i<nws.length;i++){
        nwsH += nws[i].offsetHeight;
    }
    if(nwsH >= 240){
        document.getElementById("verder_link").style.visibility = "visible";
    }
    preload();
    resize();
}

window.onresize = resize;
var mnId;

function preload(){
    var plaatjes;
    if(window.location.href.match(/nederlands/)){
        plaatjes = new Array(
            "../img/nederlands/knop_home_high.jpg", 
            "../img/nederlands/knop_home_vet_high.jpg", 
            "../img/nederlands/knop_bedrijf_high.jpg", 
            "../img/nederlands/knop_bedrijf_vet_high.jpg", 
            "../img/nederlands/knop_producten_high.jpg", 
            "../img/nederlands/knop_producten_vet_high.jpg", 
            "../img/nederlands/knop_nieuws_high.jpg", 
            "../img/nederlands/knop_nieuws_vet_high.jpg", 
            "../img/nederlands/knop_contact_high.jpg", 
            "../img/nederlands/knop_contact_vet_high.jpg", 
            "../img/nederlands/knop_links_high.jpg",
            "../img/nederlands/knop_links_vet_high.jpg"
        );
    }else{
        plaatjes = new Array(
            "../img/engels/knop_home_high.jpg", 
            "../img/engels/knop_home_vet_high.jpg", 
            "../img/engels/knop_bedrijf_high.jpg", 
            "../img/engels/knop_bedrijf_vet_high.jpg", 
            "../img/engels/knop_producten_high.jpg", 
            "../img/engels/knop_producten_vet_high.jpg", 
            "../img/engels/knop_nieuws_high.jpg", 
            "../img/engels/knop_nieuws_vet_high.jpg", 
            "../img/engels/knop_contact_high.jpg", 
            "../img/engels/knop_contact_vet_high.jpg", 
            "../img/engels/knop_links_high.jpg",
            "../img/engels/knop_links_vet_high.jpg"
        );
    }
    for(i=0;i<plaatjes.length;i++){
        pl = new Image();
        pl.src = plaatjes[i];
    }
    var mnId = getCookie("expanded");
    if(mnId != "")
        openMn(mnId);
    else
        openMn(document.getElementById("menu_vak").getElementsByTagName("div")[0].id);
}

function getCookie(key){
    var cs = document.cookie.split(';');
    for(i=0;i<cs.length;i++){
        var pair = cs[i].split('=');
        if(pair[0] == key)
            return pair[1];
    }
    return "";
}

function resize(){
    var h = document.getElementById("hoofd_vak").offsetHeight + 237;
    var y = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
    if(h < y){
        h = y;
        document.getElementById("hoofd_vak").style.minHeight = h - 237 + "px";
    }
    document.getElementById("pag").style.minHeight = h + "px";
    var l = document.getElementById("linkjes");
    l.style.top = h - 17 + "px";
    l.style.left = document.getElementById("achter_links").offsetWidth + 530 + "px";
}

function highLight(sender){
    sender.src = sender.src.replace(".jpg", "_high.jpg");
}

function lowLight(sender){
    sender.src = sender.src.replace("_high", "");
}

function vouw(sender){
    var menunodes = document.getElementById("menu_vak").childNodes;
    for(it=0;it<menunodes.length;it++){
        if(menunodes[it].className == "menunode"){
            var subs;
            var uit;
            var siblings = menunodes[it].childNodes;
            for(i=0;i<siblings.length;i++){
                if(siblings[i].className == "subitems")
                    subs = siblings[i];
                if(siblings[i].className == "uitvouwbaar")
                    uit = siblings[i];
            }
            if(menunodes[it] == sender.parentNode){
                menunodes[it].setAttribute("expanded","true");
                uit.style.display = "none";
                startAnim(subs);
                document.cookie = "expanded="+menunodes[it].id;
            }else if(menunodes[it].getAttribute("expanded") == "true"){
                hideItems(subs);
                uit.style.display = "block";
                menunodes[it].setAttribute("expanded","false");
            }
        }
    }
}

var animLength = 300;
var tStap = 50;

var el;
var max;
var len;

function startAnim(hetEl){
    el = hetEl;
    max = el.getElementsByTagName("div").length * 14;
    len = 0;
    animeer();
}

function animeer(){
    var lStap = max / (animLength / tStap);
    len += lStap;
    if(len >= max){
        el.style.height = max + "px";
        resize();
        return;
    }
    el.style.height = Math.round(len) + "px";
    setTimeout("animeer()", tStap)  
}

var bEl;
var bLen;
var bMax;

function hideItems(hetEl){
    bEl = hetEl;
    bLen = bEl.getElementsByTagName("div").length * 14;
    bMax = bLen;
    bAnimeer();
}

function bAnimeer(){
    var lStap = bMax / (animLength / tStap);
    bLen -= lStap;
    if(bLen <= 0){
        bEl.style.height = "0px";
        resize();
        return;
    }
    bEl.style.height = Math.round(bLen) + "px";
    setTimeout("bAnimeer()", tStap)  
}

function openMn(id){
    var mn = document.getElementById(id);
    mn.setAttribute("expanded","true");
    var divs = mn.getElementsByTagName("div");
    for(i=0;i<divs.length;i++){
        if(divs[i].className == "subitems")
            divs[i].style.height = (divs[i].getElementsByTagName("div").length * 14) + "px" ;
        if(divs[i].className == "uitvouwbaar")
            divs[i].style.display = "none";
    }
    document.cookie = "expanded="+id;
}