// JavaScript include-file voor de site van de
// Gereformeerde Kerk Vrijgemaakt te Delft.

// Elk icoon heeft een naam (bestandsnaam), beschrijving (statusbalk en omschrijvinglayer
// beschrijving) en een adres of URL waar naartoe wordt gegaan als er op het icoon wordt geclickt.
// Verder nog submenuitems die links in beeld komen.
function Icon(Name, Description) {
        this.Name = Name;
        this.Description = Description;
}

icons = new Array();

icons[0] = new Icon("", "");                // index.html
icons[1] = new Icon("button_contact", "WWKidz" + "<br />" + "Postbus 4130 7320 AC  APELDOORN" + "<br />" + "<a class=\"headerlinks\" href='mailto:awierenga@jongbloed.com'>info@wwkidz.nl</a>");
//icons[2] = new Icon("button_mailbox", "Mailbox of Gastenboek");
icons[2] = new Icon("button_links", "<table border=\"0\" width=\"480px\">" +
                                    "<tr><td width=\"110px\" class=\"headerlinks\" align=\"left\">" +
                                    "<a href='http://www.leukekinderboeken.nl' target='_blank'>Columbus</a>" +
                                    "</td><td width=\"150px\" class=\"headerlinks\" align=\"left\">" +
                                    "&nbsp;" +                                    
                                    "</td></tr>" +
                                    "<tr><td width=\"110px\" class=\"headerlinks\" align=\"left\">" +
                                    "<a href='http://www.woordendaad.nl' target='_blank'>Woord en Daad</a>"  +
                                    "</td><td width=\"150px\" class=\"headerlinks\" align=\"left\">" +
                                    "<a href='http://www.zoa.nl' target='_blank'>ZOA Vluchtelingenzorg</a>" +
                                    "</td></tr></table>");
icons[3] = new Icon("button_zoeken", "<form action=\"index.php\" method=\"post\" name=\"searchIt\">" +
"<input type=\"hidden\" name=\"module\" value=\"search\" />" +
"<input type=\"hidden\" name=\"search_op\" value=\"search\" />" +
"<input type=\"hidden\" name=\"mod\" value=\"pagemaster\" />" +
"<label>Zoek: <input maxlength=\"255\" size=\"15\" name=\"query\" /></label>" +
"<input type=\"submit\" name=\"search\" value=\"Zoeken\" />" +
"</form>");

// changeIcon(iconNr) verandert de statusbalk message in
// iconName[iconNr], roept highlightIcon(iconNr) aan om het
// goede icon op te laten lichten, en verandert de tekst in de
// "icon_Omschrijving" layer in iconName[iconNr]. Als iconNr=0
// dan moet de omschrijving in de layer wel blijven staan!
function showDescription(iconNr) {
        window.status=icons[iconNr].Description;

        var divtext= "<table border=\"0\" width=\"245\">" +
                        "<tr><td>&nbsp;</td><td align=\"left\">" +
                        "<p class=\"iconClass\" >" + icons[iconNr].Description + "</p>" +
                        "</td></tr></table>";

        if (iconNr!=0) {        // Als icon niet 0 is, dan omschrijving in omschrijvingslayer zetten
        oLayer = document.getElementById("iconOmschrijving");
        oLayer.innerHTML = divtext;
//                if(document.layers){                // Netscape @#!
//                        oLayer = document.layers["iconOmschrijving"];
//                        oLayer.document.open();
//                        oLayer.document.write(divtext);
//                        oLayer.document.close();
//                } else if(document.all) {        // Internet Exploder
//                        oLayer = document.all["iconOmschrijving"];
//                        oLayer.innerHTML = divtext;
//                }
        }
        return true;
}