function preLoad() {
    if (document.images) { preloadimg = new Image(287, 350); preloadimg = 'images/The Giver_front.jpg'; }
}
function getTopSpace() {
    var winWidth, winHeight, d = document; if (typeof window.innerWidth != 'undefined') {
        winWidth = window.innerWidth;
        winHeight = window.innerHeight;
    } else if (d.documentElement
 && typeof d.documentElement.clientWidth != 'undefined'
 && d.documentElement.clientWidth != 0) {
        winWidth = d.documentElement.clientWidth;
        winHeight = d.documentElement.clientHeight;
    } else if (d.body
 && typeof d.body.clientWidth != 'undefined') {
        winWidth = d.body.clientWidth;
        winHeight = d.body.clientHeight;
    }

    if (winHeight > 700) {
        document.write("<tr style='height:50px;'>");
    } else {
        document.write("<tr style='height:0px;'>");
    }

} var req;
var req2;
var req3;

function loadXMLDocNieuws() {
    loadXMLDoc("Xml/Nieuws.xml", processreqChangeNieuws);
}

function loadXMLDocExpoSolo() {
    loadXMLDoc2("Xml/Nieuws.xml", processreqChangeExpoSolo);
}

function loadXMLDocExpoGroup() {
    loadXMLDoc3("Xml/Nieuws.xml", processreqChangeExpoGroup);
}

function loadXMLDoc(url, processfunction) {

    req = false;
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest && !(window.ActiveXObject)) {
        try {
            req = new XMLHttpRequest();
        } catch (e) {
            req = false;
        }
        // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        try {
            req = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                req = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
                req = false;
            }
        }
    }
    if (req) {
        req.onreadystatechange = processfunction;
        req.open("GET", url, true);
        req.send("");
    }
}
function loadXMLDoc2(url, processfunction) {

    req2 = false;
    // branch for native XMLHttpreq2uest object
    if (window.XMLHttpRequest && !(window.ActiveXObject)) {
        try {
            req2 = new XMLHttpRequest();
        } catch (e) {
            req2 = false;
        }
        // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        try {
            req2 = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                req2 = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
                req2 = false;
            }
        }
    }
    if (req2) {
        req2.onreadystatechange = processfunction;
        req2.open("GET", url, true);
        req2.send("");
    }
}
function loadXMLDoc3(url, processfunction) {

    req3 = false;
    // branch for native XMLHttpreq3uest object
    if (window.XMLHttpRequest && !(window.ActiveXObject)) {
        try {
            req3 = new XMLHttpRequest();
        } catch (e) {
            req3 = false;
        }
        // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        try {
            req3 = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                req3 = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
                req3 = false;
            }
        }
    }
    if (req3) {
        req3.onreadystatechange = processfunction;
        req3.open("GET", url, true);
        req3.send("");
    }
}
function processreqChangeNieuws() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            // ...processing statements go here...
            getNieuws(req.responseXML)
        } else {
            alert("There was a problem retrieving the XML data:\n" +
                req.statusText);
        }
    }
} function processreqChangeExpoSolo() {

    // only if req2 shows "loaded"
    if (req2.readyState == 4) {
        // only if "OK"
        if (req2.status == 200) {
            // ...processing statements go here...
            getExpo(req2.responseXML, "Solo")
        } else {
            alert("There was a problem retrieving the XML data:\n" +
                req2.statusText);
        }
    }
}
function processreqChangeExpoGroup() {

    // only if req3 shows "loaded"
    if (req3.readyState == 4) {
        // only if "OK"
        if (req3.status == 200) {
            // ...processing statements go here...
            getExpo(req3.responseXML, "Group")
        } else {
            alert("There was a problem retrieving the XML data:\n" + req3.statusText);
        }
    }
}

function getNieuws(xmlDoc) {
    x = xmlDoc.getElementsByTagName("ITEM");
    //haal de huidige date op
    var currentdate = new Date()
    var dag = currentdate.getDate();
    var maand = currentdate.getMonth() + 1;
    var jaar = currentdate.getFullYear();


    var SelectedItems = new Array();

    var aantal = 0;
    var returntekst = "";
    //loop over expo element

    for (var i = 0; i < x.length; i++) {

        //laad de data van de expo in
        var startdag = x[i].getElementsByTagName("STARTDAG")[0].childNodes[0].nodeValue; var startmaand = x[i].getElementsByTagName("STARTMAAND")[0].childNodes[0].nodeValue; var startjaar = x[i].getElementsByTagName("STARTJAAR")[0].childNodes[0].nodeValue; var einddag = x[i].getElementsByTagName("EINDDAG")[0].childNodes[0].nodeValue; var eindmaand = x[i].getElementsByTagName("EINDMAAND")[0].childNodes[0].nodeValue; var eindjaar = x[i].getElementsByTagName("EINDJAAR")[0].childNodes[0].nodeValue;
        var titel = x[i].getElementsByTagName("TITEL")[0].childNodes[0].nodeValue; var tekst = x[i].getElementsByTagName("TEKST")[0].childNodes[0].nodeValue; var type = x[i].getElementsByTagName("TYPE")[0].childNodes[0].nodeValue;
        var ok = false;
        //check of de datum al gepasseerd is
        if (eindjaar > jaar) { ok = true; }
        else if (eindjaar == jaar) {
            if (eindmaand > maand) { ok = true; }
            else if (eindmaand == maand) {
                if (einddag >= dag) { ok = true; } 
            } 
        }
        if (ok == true) {
            aantal = aantal + 1; SelectedItems[i] = true; if (aantal <= 5) {

                var itemtekst = ToonItem(x[i]);
                returntekst = returntekst + itemtekst;
            } 
        }
    }


    if (aantal < 3) {

        for (var i = 0; i < x.length; i++) {
            if (SelectedItems[i] != true) {            //nog niet getoond
                if (aantal < 3) {
                    aantal = aantal + 1;
                    var itemtekst = ToonItem(x[i]);
                    returntekst = returntekst + itemtekst;
                }
            }
        }
    }
    var newdiv = document.createElement('div'); newdiv.innerHTML = returntekst; document.getElementById("newscontent").appendChild(newdiv);

}

function ToonItem(item) {
    //laad de data van de expo in
    var startdag = item.getElementsByTagName("STARTDAG")[0].childNodes[0].nodeValue; var startmaand = item.getElementsByTagName("STARTMAAND")[0].childNodes[0].nodeValue; var startjaar = item.getElementsByTagName("STARTJAAR")[0].childNodes[0].nodeValue;
    var einddag = item.getElementsByTagName("EINDDAG")[0].childNodes[0].nodeValue; var eindmaand = item.getElementsByTagName("EINDMAAND")[0].childNodes[0].nodeValue; var eindjaar = item.getElementsByTagName("EINDJAAR")[0].childNodes[0].nodeValue;
    var titel = item.getElementsByTagName("TITEL")[0].childNodes[0].nodeValue; var tekst = item.getElementsByTagName("TEKST")[0].childNodes[0].nodeValue; var type = item.getElementsByTagName("TYPE")[0].childNodes[0].nodeValue;
    var einddatum = einddag + "/" + eindmaand + "/" + eindjaar; var startdatum = startdag + "/" + startmaand + "/" + startjaar;
    //als er geen startdag is geef dan enkel de einddatum weer
    if (startdag != 'leeg' && startdatum != einddatum) {
        var startdatum = startdag + "/" + startmaand + "/" + startjaar; var datumtekst = startdatum + ' - ' + einddatum
    } else {
        var datumtekst = einddatum;
    }
    datumtekst = '(' + datumtekst + ')'; var returntekst = "<div id='expotitel" + titel + "' class='expotitel'>" + titel; returntekst = returntekst + "</div>" + tekst + "<br>"; returntekst = returntekst + "<div id='expodatum" + titel + "' class='expodatum'>" + datumtekst; returntekst = returntekst + "</div><br>";        //        document.write("<div id='expotitel" + titel + "' class='expotitel'>" + titel);//        document.write();           //        document.write();//        document.write(); 
    var iii = 3;
    return returntekst;

}
var content = 'home';
function loadMenu() { }
function forward() {

}
function self_previous() {
    document.getElementById('self').style.visibility = 'visible'; document.getElementById('self2').style.visibility = 'hidden';
}

function self_next() {

    document.getElementById('self2').style.visibility = 'visible';
    document.getElementById('self').style.visibility = 'hidden';

}

function back() {
}

function showfotomain() {


    if (fotomain != 'leeg') {
        subsetcontent(fotomain, fotosub);
    }
    else {
        setcontent(fotosub);
    }

}

function menuout(menuitem) {

    var obj = document.getElementById(menuitem + 'image')
    obj.src = 'images/menuimage.jpg';
    document.getElementById(content + 'image').src = 'images/menuimage_clicked.jpg';

}

function menuover(menuitem) {

    var obj = document.getElementById(menuitem + 'image')
    obj.src = 'images/menuimage_hover.jpg';

}

function submenuover(menuitem) {

    var obj = document.getElementById(menuitem)
    obj.color = 'white';

}

function submenuout(menuitem) {

    var obj = document.getElementById(menuitem)
    obj.color = 'gray';

}

function showfoto(parentcat, cat, name) {

    setcontent('fotodiv');

    fotomain = parentcat;
    fotosub = cat;
    path = 'images/' + cat + '/' + name + '.jpg';
    document.getElementById('foto').src = path;
    if (parentcat != 'leeg') {
        try { document.getElementById(parentcat).style.visibility = 'visible' } catch (e) { };
    }

    //set tekst
    var tekst = name.substring(2, name.length);
    try { document.getElementById('fototekst').innerHTML = '"' + tekst + '"' } catch (e) { };

}

function subsetcontent(sub, content) {


    showcontent(content);
    try { document.getElementById(sub).style.visibility = 'visible' } catch (e) { };

}

function showcontent(content) {

    var zhigh = 102;
    var zlow = 101

    //alles invisible
    try { document.getElementById('people').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('home').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('contact').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('fotodiv').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('wall').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('draw').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('visions').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('bio').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('bio_eng').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('skullz').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('video').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('installations').style.visibility = 'hidden' } catch (e) { };

    try { document.getElementById('newschool').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('newschool2').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('newschool3').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('oldschool').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('group').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('solo').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('biblio').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('biblio2').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('biblio3').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('overnormal').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('overnormal2').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('overself').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('selfsub').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('overurensub').style.visibility = 'hidden' } catch (e) { };
    try { document.getElementById('cvsub').style.visibility = 'hidden' } catch (e) { };

    // z-index
    try { document.getElementById('people').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('home').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('contact').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('fotodiv').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('wall').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('draw').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('visions').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('bio').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('bio_eng').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('skullz').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('video').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('installations').style.zIndex = zlow } catch (e) { };

    try { document.getElementById('newschool').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('newschool2').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('newschool3').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('oldschool').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('group').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('solo').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('biblio').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('biblio2').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('biblio3').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('overnormal').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('overnormal2').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('overself').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('selfsub').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('overurensub').style.zIndex = zlow } catch (e) { };
    try { document.getElementById('cvsub').style.zIndex = zlow } catch (e) { };


    //correcte content visible
    try { document.getElementById(content).style.visibility = 'visible' } catch (e) { };
    try { document.getElementById(content).style.zIndex = zhigh } catch (e) { };

}

function setcontent(param) {

    content = param;

    showcontent(content)

    if (content != 'fotodiv') {
        var maincontent = content.split("_")[0]

        try { document.getElementById('people' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('home' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('contact' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('wall' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('draw' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('bio' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('skullz' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('video' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('visions' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('installations' + 'image').src = 'images/menuimage.jpg' } catch (e) { };

        try { document.getElementById('selfsub' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('overurensub' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById('cvsub' + 'image').src = 'images/menuimage.jpg' } catch (e) { };
        try { document.getElementById(maincontent + 'image').src = 'images/menuimage_clicked.jpg' } catch (e) { };

    }
}

function artikelover(nummer) {
}
function artikelout(nummer) {
}

function openartikel(nummer) {
    url = 'Artikels/Artikel_' + nummer + '.jpg'; window.open(url, "Artikel");
}

function getExpo(xmlDoc, gettype) {
    var returntekst = "<table>"

    //		// code for IE//		if (window.ActiveXObject)//		{//		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");//		}//		// code for Mozilla, Firefox, Opera, etc.//		else if (document.implementation.createDocument)//		{//		xmlDoc=document.implementation.createDocument("","",null);//		}//		else//		{//		alert('Your browser cannot handle this script');//		}//		xmlDoc.async=false;//		xmlDoc.load("Xml/Nieuws.xml");
    var x = xmlDoc.getElementsByTagName("ITEM"); var SelectedItems = new Array(); var aantal = 0;

    //loop over expo element
    for (var i = 0; i < x.length; i++) {
        //laad de data van de expo in
        var startdag = x[i].getElementsByTagName("STARTDAG")[0].childNodes[0].nodeValue; var startmaand = x[i].getElementsByTagName("STARTMAAND")[0].childNodes[0].nodeValue; var startjaar = x[i].getElementsByTagName("STARTJAAR")[0].childNodes[0].nodeValue;
        var einddag = x[i].getElementsByTagName("EINDDAG")[0].childNodes[0].nodeValue; var eindmaand = x[i].getElementsByTagName("EINDMAAND")[0].childNodes[0].nodeValue; var eindjaar = x[i].getElementsByTagName("EINDJAAR")[0].childNodes[0].nodeValue;
        var titel = x[i].getElementsByTagName("TITEL")[0].childNodes[0].nodeValue; var tekst = x[i].getElementsByTagName("TEKST")[0].childNodes[0].nodeValue; var type = x[i].getElementsByTagName("TYPE")[0].childNodes[0].nodeValue;
        if (type == gettype) {
            var einddatum = einddag + "/" + eindmaand + "/" + eindjaar; var startdatum = startdag + "/" + startmaand + "/" + startjaar;
            //als er geen startdag is geef dan enkel de einddatum weer
            if (startdag != 'leeg' && startdatum != einddatum) { var startdatum = startdag + "/" + startmaand + "/" + startjaar; var datumtekst = startdatum + ' - ' + einddatum; } else { var datumtekst = einddatum; }

            datumtekst = '(' + datumtekst + ')';
            returntekst = returntekst + "<tr><td class='cvtekst'>''" + titel + "''</td><td class='cvtekst'>&nbsp;&nbsp;&nbsp;&nbsp;"; returntekst = returntekst + tekst;
            returntekst = returntekst + " " + datumtekst;
            returntekst = returntekst + "</td></tr>";

        }
    } returntekst = returntekst + "</table>";
    var newdiv = document.createElement('div');
    newdiv.innerHTML = returntekst;
    document.getElementById("expocontent" + gettype).appendChild(newdiv);
}