﻿var fotos = new Array;
var tips = new Array;
var currentFoto = 0;

//preLoad();

function setTooltip(name, isOn, elem) {
    var tip = document.getElementById("tip");
    if (tip) {
        if (isOn) {
            for (x in tips) {
                if (tips[x].name.toLowerCase() == name.toLowerCase()) {
                    tip.innerHTML = tips[x].value;
                    tip.parentNode.style.display = "block";
                    if (elem.id.indexOf("btn") == -1) {
                        elem.style.cursor = "help";
                        var top = (elem.clientHeight / 2);  //elem.offsetTop;
                        var left = (elem.clientWidth / 2);  //elem.offsetLeft;
                        while (elem) {
                            if (elem) {
                                if (elem.offsetTop) top += elem.offsetTop;
                                if (elem.offsetLeft) left += elem.offsetLeft;
                            }
                            elem = elem.offsetParent;
                        }
                        tip.style.width = "195px";
                        tip.parentNode.style.border = "1px solid #b2b2b2";
                        tip.parentNode.style.background = "#fff";
                        tip.parentNode.style.color = "#b2b2b2";
                        tip.parentNode.style.top = (top + 10) + "px";
                        tip.parentNode.style.left = (left - 240) + "px";
                    } else {
                        tip.style.width = "120px";
                        tip.parentNode.style.border = "none";
                        tip.parentNode.style.background = "none";
                        tip.parentNode.style.color = "#fff";
                        tip.parentNode.style.top = (520) + "px";
                        tip.parentNode.style.left = (70) + "px";
                    }
                    break;
                }
            }
        } else {
            tip.innerHTML = "";
            tip.parentNode.style.display = "none";
            elem.style.cursor = "pointer";
        }
    }
}

function positionDiv(div, e) {
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    if (e.pageX || e.pageY) {
        posx = e.pageX;
        posy = e.pageY;
    }
    else if (e.clientX || e.clientY) {
        posx = e.clientX;
        posy = e.clientY;
    }
    div.style.left = posx - 250;
    div.style.top = posy - 10;
}

function button(btn, state) { 
    btn.src = (state == "on") ? btn.src.replace(".gif", "_on.gif") : btn.src.replace("_on", "");
}

function preLoad() {
    var imgs = ["/images/btn-waar_on.gif", "/images/btn-vragen_on.gif", "/images/btn-hoe_on.gif", "/images/btn-waarom_on.gif", "/images/btn-links_on.gif", "./picts/btn-aanmelden_on.gif", "/images/btn-home_on.gif", "/images/btn-contact_on.gif"];
    for (url in imgs) {
        img = new Image();
        img.src = url;
    }
}

function slideShow() {
    var div = document.getElementById("fotocontainer");
    if (div) { 
        div.innerHTML = "<div id=\"fotoframe\"><div id=\"foto\"><img src=\"/images/foto/" + fotos[currentFoto] + "\" alt=\"foto\" /></div>";
        currentFoto +=1;
        if (currentFoto >= fotos.length) currentFoto = 0;
        setTimeout("slideShow();", 3000);
    }
}
/* cms */

function edit() {
    name.value = (inverse) ? list.options[list.selectedIndex].value : list.options[list.selectedIndex].text;
    list.style.display = "none"; //for IE
    panel.style.display = "block";
}

function update() {
    if (inverse) {
        list.options[list.selectedIndex].value = name.value;
    } else {
        list.options[list.selectedIndex].text = name.value;
    }
    list.style.display = "block"; //for IE
    panel.style.display = "none";
}

function insert() {
    list.options[list.length] = new Option('nieuw', list.length + 1);
    list.selectedIndex = list.length - 1;
    edit();
}

function generate() {
    var sb = "";
    for (i = 0; i < list.options.length; i++) {
        sb += list.options[i].text + ";" + list.options[i].value
        if (i != list.options.length - 1) sb += "|";
    }
    document.getElementById("listresult").value = sb;
    document.forms[0].submit();
}

function deleteOption() {
    list.options[list.selectedIndex] = null;
}

function setPreview(school, foto) {
    var div = document.getElementById("preview");
    if (div) div.innerHTML = "<img src=\"/images/foto/" + school + "/" + foto + "\" alt=\"foto\" />";
}

function showPreview(visible) {
    var p = document.getElementById("pagepreview");
    if (p) p.style.display = (visible) ? "block" : "none";
}

function setParagraaf(visible, page) {
    var p = document.getElementById("paragraaf");
    if (p) p.style.display = (visible) ? "block" : "none";
}

function setAdres() {
    var adres = document.getElementById("adres");
    if (adres.value == "straat nummer, plaats") {
        document.getElementById("adresinput").style.display = "block";
    }
}

function getAdres() {
    var prefix = "ctl00_cphMain_ctlSchool_";
    geoCode(document.getElementById(prefix + "tbAdres").value + ", " + document.getElementById(prefix + "tbPlaats").value);
}

function getCoords() {
    //var div = document.getElementById("adresinput");
    //div.style.display = "none";
    geoCode(document.getElementById("adres").value);
}

function catchEnter(e) {
    var keynum;

    if (window.event) // IE 
    {
        keynum = e.keyCode;
    }
    else if (e.which) // Netscape/Firefox/Opera
    {
        keynum = e.which;
    }

    if (keynum == 13) {
        checkGeoCode();
        e.returnValue = false;
        e.cancel = true;
        return false;
    }
}
function geoCode(adres) {
    if (adres != "straat nummer") { 
        geocoder = new GClientGeocoder();
        if (adres.indexOf("ijmegen") == -1) adres += ", Nijmegen";
        if (geocoder) {
            geocoder.getLatLng(adres, function(point) {
                if (!point) {
                    alert("Kan " + adres + " niet vinden.");
                } else {
                    var div = document.getElementById("GLatLng");
                    if (!div) div = document.getElementById("ctl00_cphMain_ctlSchool_GLatLng");
                    div.value = point.x + "," + point.y;
                }
            });
        } else {
            alert("geocoder not set");
        }
    }
}

function checkGeoCode() {
    var div = document.getElementById("GLatLng");
    if (div) {
        if (div.value == "") {
            //alert("latlng " + div.value);
            div = document.getElementById("adres");
            if (div) {
                if (div.value != "straat nummer") {
                    //alert("looking up " + div.value);
                    var adres = div.value;
                    geocoder = new GClientGeocoder();
                    if (adres.indexOf("ijmegen") == -1) adres += ", Nijmegen";
                    if (geocoder) {
                        geocoder.getLatLng(adres, function(point) {
                            if (!point) {
                                alert("Kan " + adres + " niet vinden.");
                            } else {
                                var div = document.getElementById("GLatLng");
                                if (!div) div = document.getElementById("ctl00_cphMain_ctlSchool_GLatLng");
                                div.value = point.x + "," + point.y;
                                document.forms[0].submit();
                                return true;
                            }
                        });
                        return (navigator.appVersion.indexOf("MSIE 6.") == -1);
                    } else {
                        alert("geocoder not set");
                    }
                } else {
                    //adres not filled in
                    document.forms[0].submit();
                }
            } else {
                //alert("adres field not found");
                document.forms[0].submit();
            }
        } else {
            //allready got coords (but adres might have changed
            document.forms[0].submit();
        }
    } else {
        //coord field not found
        document.forms[0].submit();
    }
    return true;
}

function insertTooltip() {
    var elem = document.getElementById("ctl00_cphMain_ctlPage_tbPText");
    var name = document.getElementById("selTooltip");
    var sel = getSelText(elem);
    elem.value = elem.value.replace(sel, "<tip name=\"" + name.value + "\">" + sel + "</tip>");
}

function getSelText(elem)
{
    //return (elem.value).substring(elem.selectionStart, elem.selectionEnd);
    var txt = "";
    if (window.getSelection) {
        txt = window.getSelection();
    }
    else if (document.getSelection) {
        txt = document.getSelection();
    }
    else if (document.selection) {
        txt = document.selection.createRange().text;
    }
    else return;

    return txt;
}

