function breadcrumbs() {
    sURL = new String;
    bits = new Object;
    var x = 0;
    var stop = 0;
    var output = "<a href=\"/\">Home</a>  >  ";
    sURL = location.href;
    sURL = sURL.slice(8, sURL.length);
    chunkStart = sURL.indexOf("/");
    sURL = sURL.slice(chunkStart + 1, sURL.length)
    while (!stop) {
        chunkStart = sURL.indexOf("/");
        if (chunkStart != -1) {
            bits[x] = sURL.slice(0, chunkStart)
            sURL = sURL.slice(chunkStart + 1, sURL.length);
        } else {
            stop = 1;
        }
        x++;
    }
    for (var i in bits) {
        output += "<a href=\"";
        for (y = 1; y < x - i; y++) {
            output += "../";
        }
        output += bits[i] + "/\">" + bits[i] + "</a>  >  ";
    }
    var path = window.location.pathname;
    var pagename = path.substring(1, path.length - 5);
    document.write(output + path);
}
//Constants
var HeaderMenuNew;
var emailOK = false;
var loginOK = false;

//Loading functions

function init() {
    document.getElementById("emailTxt").onblur = checkEmail;
    document.getElementById("sendbutton").disabled = true;
    document.getElementById("usernameTxt").onblur = checkUsername;
    document.getElementById("loginbutton").disabled = true;
    emailOK = false;
    setHeader();
    HeaderMenuNew = new HeaderMenuNew('HeaderMenuNew-root', 'HeaderMenuNew', configHeaderMenuNew);

    initChild();
}

function checkBox() {
    var path = window.location.pathname;
    var pagename = path.substring(1, 5);
    if (pagename == "blog") {
        document.getElementById("box").style.visibility = 'hidden';
        document.getElementById("box2").style.display = 'block';
    }
}

function resizeText(multiplier) {
    if (document.body.style.fontSize == "") {
        document.body.style.fontSize = "1.0em";
    }
    var newValue;
    if (multiplier == 0) {
        newValue = "12px"
    }
    if (multiplier == 1) {
        newValue = "14px"
    }
    if (multiplier == 2) {
        newValue = "16px"
    }
    if (multiplier == 3) {
        newValue = "18px"
    }
    document.body.style.fontSize = newValue;
}

function setHeader() {
    // Get the current page
    var path = window.location.pathname;

    var pagename = path.substring(1, path.length);

    if (path.indexOf(".aspx") > -1) {
        pagename = path.substring(1, path.length - 5);
    }

    if (pagename == "Home") {
        // alert(pagename);
        document.getElementById("homelink").className = "selected";

    }
    if (pagename == "qui-etes-vous" || pagename == "evenement-organisateur" || pagename == "publipostage-specialiste" || pagename == "je-cherche-des-impressions-numeriques" || pagename == "marketeer-annonceur") {
        // alert(pagename);
        document.getElementById("wiebentulink").className = "selected";

    }
    if (pagename == "watZoektU" || pagename == "tagCloud" || pagename == "sitemap") {
        // alert(pagename);
        document.getElementById("watzoektulink").className = "selected";

    }
    if (pagename == "diensten" || pagename == "web-to-print-applicatie" || pagename == "event-management" || pagename == "publipostages" || pagename == "impressions-numerique" || pagename == "gepersonaliseerd-drukwerk " || pagename == "Impression-a-demande" || pagename == "impression-grand-format" || pagename == "ecrans-flexibles" || pagename == "stands-pop-up") {
        // alert(pagename);
        document.getElementById("dienstenlink").className = "selected";
    }

    if (pagename == "references" || pagename == "referenties2" || pagename == "Cases" || pagename == "ing" || pagename == "web-to-print-palm" || pagename == "online-enquetes-bebop" || pagename == "web-to-print-enfocus") {
        // alert(pagename);
        document.getElementById("referentieslink").className = "selected";
    }
    if (pagename == "over3plus" || pagename == "missieEnVisie" || pagename == "nieuws" || pagename == "bios") {
        // alert(pagename);
        document.getElementById("over3pluslink").className = "selected";

    }

}

function configHeaderMenuNew() {
    this.closeDelayTime = 100;
    // this.collapseBorders = false;
}

function makeMenuBarOK() {
    var items = document.getElementById("ctl00_menuBar");
    var links = items.getElementsByTagName("a");
    for (var i = 0; i < links.length - 1; i++) {
        var link = links[i];
        link.onclick = makeMenuChangeColours;
    }
}

function makeMenuChangeColours() {
    var items = document.getElementById("ctl00_menuBar");
    var links = items.getElementsByTagName("a");
    for (var i = 0; i < links.length - 1; i++) {
        var link = links[i];
        link.style.color = "#7D8D80";
        link.className = "normalLink";
    }
    this.style.color = '#172983';
}

//loginbox
function showLoginBox() {
    $.blockUI({
        message: $('#userLogin')

    });
}

function submitFormLogin() {
    if (loginOK = true) {
        submitLogin();
    } else {
        alert("Your email adress is not valid.");
    }
}

function discardFormLogin() {
    clearLoginFields();
    setTimeout("", 3000);
    $.unblockUI({ message: $('#userLogin') });
}

function checkUsername() {
    document.getElementById("usernameTxt").className = "thinking";
    usernameRequest = createRequest();
    if (usernameRequest == null) {
        alert("Unable to create request");
    } else {
        var theName = document.getElementById("usernameTxt").value;
        var username = escape(theName);
        if (username == "") {
            return;
        }
        var url = "checkUsername.aspx?username=" + username;
        usernameRequest.onreadystatechange = showUsernameOK;
        usernameRequest.open("GET", url, true);
        usernameRequest.send(null);
    }
}

function showUsernameOK() {
    if (usernameRequest.readyState == 4) {
        if (usernameRequest.status == 200) {
            if (usernameRequest.responseText == "alreadyin") {
                document.getElementById("usernameTxt").className = "approved";
                document.getElementById("loginbutton").disabled = false;
                loginOK = true;
            } else {
                document.getElementById("usernameTxt").className = "denied";
                //document.getElementById("usernameTxt").select();
                document.getElementById("loginbutton").disabled = true;
                loginOK = false;
            }
        }
    }
}

function submitLogin() {
    usernameRequest = createRequest();
    if (usernameRequest == null) {
        alert("Unable to create request");
    } else {
        var email = document.getElementById("emailTxt").value;
        var emailTotal = escape(email);
        var naam = document.getElementById("naamTxt").value;
        var naamTotaal = escape(naam);
        var voornaam = document.getElementById("voornaamTxt").value;
        var voornaamTotaal = escape(voornaam);
        var bedrijf = document.getElementById("bedrijfTxt").value;
        var bedrijfTotaal = escape(bedrijf);
        var url = "submitNewsletter.aspx";
        var query = "email=" + emailTotal + "&voornaam=" + voornaamTotaal + "&naam=" + naamTotaal + "&bedrijf=" + bedrijfTotaal;
        usernameRequest.onreadystatechange = submitLoginStatus;
        usernameRequest.open("POST", url, true);
        usernameRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        usernameRequest.send(query);
    }
}

function submitLoginStatus() {
    if (usernameRequest.readyState == 4) {
        if (usernameRequest.status == 200) {
            if (usernameRequest.responseText == "okay") {
                document.getElementById("thankyouMessage").innerHTML = "wij danken u voor uw registratie";
                setTimeout("", 4000);
                clearLoginFields();
                $.unblockUI({ message: $('#newsLetterRegistration') });
            } else {
                alert("an error happened, this is not strange, we are sorry.");
            }
        }
        if (usernameRequest.status == 404) {
            alert("unable to process the request, the server is not responding.");
        }
    }
}

function clearLoginFields() {
    document.getElementById("usernameTxt").className = "";
    document.getElementById("usernameTxt").value = "";
    document.getElementById("passwordTxt").value = "";
}

//Newletterbox
function showNewsletterBox() {
    $.blockUI({ message: $('#newsLetterRegistration') });
    //document.images['loadergif'].src = document.images['loadergif'].src
    //document.location.href = "approve.aspx?approve=" + id;
}

function clearNewsletterFields() {
    document.getElementById("emailTxt").className = "";
    document.getElementById("emailTxt").value = "";
    document.getElementById("naamTxt").value = "";
    document.getElementById("voornaamTxt").value = "";
    document.getElementById("bedrijfTxt").value = "";
}
function checkEmail() {
    document.getElementById("emailTxt").className = "thinking";

    usernameRequest = createRequest();
    if (usernameRequest == null) {
        alert("Unable to create request");
    } else {
        var theName = document.getElementById("emailTxt").value;
        var username = escape(theName);
        if (username == "") {
            return;
        }
        var url = "checkUsername.aspx?username=" + username;
        usernameRequest.onreadystatechange = showUsernameStatus;
        usernameRequest.open("GET", url, true);
        usernameRequest.send(null);
    }
}

function showUsernameStatus() {
    if (usernameRequest.readyState == 4) {
        if (usernameRequest.status == 200) {
            if (usernameRequest.responseText == "okay") {
                document.getElementById("emailTxt").className = "approved";
                document.getElementById("sendbutton").disabled = false;
                emailOK = true;
            } else {
                if (usernameRequest.responseText == "alreadyin") {
                    document.getElementById("emailTxt").className = "denied";
                    document.getElementById("sendbutton").disabled = true;
                    emailOK = false;
                } else {
                    document.getElementById("emailTxt").className = "denied";
                    document.getElementById("sendbutton").disabled = true;
                    emailOK = false;
                }
            }
        }
    }
}

function submitEmail() {
    usernameRequest = createRequest();
    if (usernameRequest == null) {
        alert("Unable to create request");
    } else {
        var email = document.getElementById("emailTxt").value;
        var emailTotal = escape(email);
        var naam = document.getElementById("naamTxt").value;
        var naamTotaal = escape(naam);
        var voornaam = document.getElementById("voornaamTxt").value;
        var voornaamTotaal = escape(voornaam);
        var bedrijf = document.getElementById("bedrijfTxt").value;
        var bedrijfTotaal = escape(bedrijf);
        var url = "submitNewsletter.aspx?email=" + emailTotal + "&voornaam=" + voornaamTotaal + "&naam=" + naamTotaal + "&bedrijf=" + bedrijfTotaal;
        usernameRequest.onreadystatechange = submitEmailStatus;
        usernameRequest.open("GET", url, true);
        usernameRequest.send(null);
    }
}

function submitEmailStatus() {
    if (usernameRequest.readyState == 4) {
        if (usernameRequest.status == 200) {
            if (usernameRequest.responseText == "okay") {
                document.getElementById("thankyouMessage").innerHTML = "wij danken u voor uw registratie";
                setTimeout("", 4000);
                clearNewsletterFields();
                $.unblockUI({ message: $('#newsLetterRegistration') });
            } else {
                alert("an error happened, this is not strange, we are sorry.");
            }
        }
        if (usernameRequest.status == 404) {
            alert("unable to process the request, the server is not responding.");
        }
    }
}

function submitform() {
    if (emailOK = true) {
        submitEmail();
    } else {
        alert("Your email adress is not valid.");
    }
}

function discardForm() {
    clearNewsletterFields();
    setTimeout("", 3000);
    $.unblockUI({ message: $('#newsLetterRegistration') });
}

// afspraakMaken form
function showAfspraakMakenBox() {
    // afspraakBevestigBtn
    // document.getElementById("afspraakBevestigBtn").disabled = true;
    $.blockUI({
        message: $('#afspraakMaken')
    });
}

function discardFormAfspraak() {
    clearAfspraakMakenFields();
    setTimeout("", 3000);
    $.unblockUI({ message: $('#afspraakMaken') });
}

function clearAfspraakMakenFields() {
    document.getElementById("afspraakNaam").value = "";
    document.getElementById("afspraakNaam").className = "";
    document.getElementById("afspraakVoornaam").value = "";
    document.getElementById("afspraakVoornaam").className = "";
    document.getElementById("afspraakBedrijf").value = "";
    document.getElementById("afspraakBedrijf").className = "";
    document.getElementById("afspraakEmail").value = "";
    document.getElementById("afspraakEmail").className = "";
    document.getElementById("afspraakTel").value = "";
    document.getElementById("afspraakTel").className = "";
    document.getElementById("afspraakDatum1").value = "";
    document.getElementById("afspraakDatum1").className = "";
    document.getElementById("afspraakDatum2").value = "";
    document.getElementById("afspraakDatum2").className = "";
    document.getElementById("afspraakDatum3").value = "";
    document.getElementById("afspraakDatum3").className = "";
}

function submitFormAfspraak() {
    afspraakformOK();
    if (afspraakformOK()) {
        submitAfspraakGegevens();
        discardFormAfspraak();
    }
    else {
        document.getElementById("afspraakResponse").innerHTML = "Vul het formulier volledig in AUB";
    }
}

function afspraakformOK() {
    var geldig;
    geldig = true;
    if (document.getElementById("afspraakNaam").value == "") {
        geldig = false;
        document.getElementById("afspraakNaam").className = "denied";
    } else {
        document.getElementById("afspraakNaam").className = "approved";
    }
    if (document.getElementById("afspraakVoornaam").value == "") {
        geldig = false;
        document.getElementById("afspraakVoornaam").className = "denied";
    } else {
        document.getElementById("afspraakVoornaam").className = "approved";
    }
    if (document.getElementById("afspraakBedrijf").value == "") {
        geldig = false;
        document.getElementById("afspraakBedrijf").className = "denied";
    } else {
        document.getElementById("afspraakBedrijf").className = "approved";
    }
    if (document.getElementById("afspraakTel").value == "") {
        geldig = false;
        document.getElementById("afspraakTel").className = "denied";
    } else {
        document.getElementById("afspraakTel").className = "approved";
    }
    if (document.getElementById("afspraakEmail").value == "") {
        geldig = false;
        document.getElementById("afspraakEmail").className = "denied";
    } else {
        document.getElementById("afspraakEmail").className = "approved";
    }
    if (document.getElementById("afspraakDatum1").value == "") {
        geldig = false;
        document.getElementById("afspraakDatum1").className = "denied";
    } else {
        document.getElementById("afspraakDatum1").className = "approved";
    }
    if (document.getElementById("afspraakDatum2").value == "") {
        geldig = false;
        document.getElementById("afspraakDatum2").className = "denied";
    } else {
        document.getElementById("afspraakDatum2").className = "approved";
    } if (document.getElementById("afspraakDatum3").value == "") {
        geldig = false;
        document.getElementById("afspraakDatum3").className = "denied";
    } else {
        document.getElementById("afspraakDatum3").className = "approved";
    }

    return geldig;
}

function submitAfspraakGegevens() {
    afspraakRequest = createRequest();
    if (afspraakRequest == null) {
        alert("Unable to create request");
    } else {
        var afspraakNaam = document.getElementById("afspraakNaam").value;
        var afspraakNaamTotaal = escape(afspraakNaam);

        var afspraakVoornaam = document.getElementById("afspraakVoornaam").value;
        var afspraakVoornaamTotaal = escape(afspraakVoornaam);

        var afspraakBedrijf = document.getElementById("afspraakBedrijf").value;
        var afspraakBedrijfTotaal = escape(afspraakBedrijf);

        var afspraakTel = document.getElementById("afspraakTel").value;
        var afspraakTelTotaal = escape(afspraakTel);

        var afspraakEmail = document.getElementById("afspraakEmail").value;
        var afspraakEmailTotaal = escape(afspraakEmail);

        var afspraakDatum1 = document.getElementById("afspraakDatum1").value;
        var afspraakDatum1Totaal = escape(afspraakDatum1);

        var afspraakDatum2 = document.getElementById("afspraakDatum2").value;
        var afspraakDatum2Totaal = escape(afspraakDatum2);

        var afspraakDatum3 = document.getElementById("afspraakDatum3").value;
        var afspraakDatum3Totaal = escape(afspraakDatum3);

        var url = "submitAfspraak.aspx";
        var query = "naam=" + afspraakNaamTotaal + "&voornaam=" + afspraakVoornaamTotaal + "&bedrijf=" + afspraakBedrijfTotaal + "&tel=" + afspraakTelTotaal + "&email=" + afspraakEmailTotaal + "&datum1=" + afspraakDatum1Totaal + "&datum2=" + afspraakDatum2Totaal + "&datum3=" + afspraakDatum3Totaal;

        afspraakRequest.onreadystatechange = submitAfspraakStatus;
        afspraakRequest.open("POST", url, true);
        afspraakRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
        afspraakRequest.send(query);
    }

    function submitAfspraakStatus() {
        if (afspraakRequest.readyState == 4) {
            if (afspraakRequest.status == 200) {
                alert("respose = " + afspraakRequest.responseText);
                if (afspraakRequest.responseText == "okay") {
                    document.getElementById("afspraakResponse").innerHTML = "wij hebben uw aanvraag ontvagen en zullen zo spoedig mogelijk contact met uw opnemen.";
                    setTimeout("", 4000);
                    clearAfspraakMakenFields();
                    $.unblockUI({ message: $('#afspraakResponse') });
                } else {
                    alert("an error happened, this is strange, we are sorry.");
                }
            }
            if (afspraakRequest.status == 404) {
                alert("unable to process the request, the server is not responding.");
            }
        }
    }
}