function requestPage(page)//voor AJAX-request van pagina
{   
    //Zet van elke knop de standaard image
    $(".knop").each(function (index, knop) {
        $(knop).attr("src", "images/knop"+ $(knop).attr("id")+".png");
    });

    //zet van de actieve knop de actieve image
    $("#"+page).attr("src", "images/knop"+page+"Active.png")

    //nieuwe pagina, dus moet in histry staan.
    if(!ie)
        window.location.hash="#"+page;

    window['currentlocation']="#"+page;

    //fade-out de huidige content
     $("#loader").fadeTo(200,1);
    $("#content").fadeTo(200,0.1,function(){
        $.get("dispatcher.php?page="+page, {},//Ajax-request voor pagina.
            function (data, textStatus){
                if(textStatus=="success")
                {
                    //zet Resultaat Ajax-request in #content div.
                    $("#content").html(data);
                    $("#loader").fadeTo(300,0);
                    $("#content").fadeTo(500,1);//fadeIn content div
                }
                else //fout aan aan client zijde/verbinding
                    $("#content").html("Gevraagde pagina kan niet worden weergegeven.<br/> Fout:<br/>"+textStatus);
            });
    });
   
}

$(document).ready(function(){//zodra pagina volledig g eladen...
    $("#loader").fadeTo(0, 0.0);
    navigateToCurrentpage(true);
//    window.setInterval(navigateToCurrentpage, 500);//kijken of nieuwe pagina is aangevraag dmv geschiedenis of adresbalk
});



function navigateToCurrentpage(init)
{
    if(window['currentlocation']!=window.location.hash){//indien al juiste pagina, dan niks doen.
        if(window.location.hash){//indien anchor is ingesteld
            requestPage(window.location.hash.substring(1));//gewenste pagina laden
            var curPage = window.location.hash.substring(1,1).toUpperCase()+window.location.hash.substring(2);
            $("#"+curPage).addClass("selectedMenuItemWrap");
        }
        else if(init){//indien geen anchor is ingesteld
            requestPage('home');
            $("#Home").addClass("selectedMenuItemWrap");
        }
    }
}

//voor form-submit
function submitForm()
{
    validateVraag()//maak rood indien niet goed...
    if(validateEmail($("#email").attr('value')))
    {
        //email adres i geldig.
        $("#emailFout").fadeOut(1000);//eventuele fout email adres weghalen.
        if(validateVraag()){//indien zowel vraag als email goed zijn Ajax-request voor het versturen van de form-gegevens
            $.get("Email.php", {
                "email":$("#email").attr('value'),
                "vraag":$("#vraag").attr('value')
            },   function (data, textStatus){
                if(textStatus=="success")
                {//resultaat van form-versturen weergeven..
                    $("#content").html(data);
                    $("#content").fadeTo(500,1);
                }
                else
                    $("#content").html("Gevraagde pagina kan niet worden weergegeven.<br/> Fout:<br/>"+textStatus);
            });
        }
    }
    else
    {      //email adres is niet geldig...
        if($("#email").attr('value')=="vul hier uw email adres in")
        {
            //gebruiker heeft nog niks aan de tekst veranderd.
            $("#emailFout").html('Voer aub uw email adres in.');
        }
        else{//gebruiker heeft al wel wat aan de tekst veranderd, maar een foutief email adres ingevoerd.
            $("#emailFout").html('Het door u ingevoerde emailadres is niet geldig.');
        }
        $("#emailFout").fadeIn(1000);//laat de fout zien.
    }

}



function validateEmail(email)
{//validate door middel van regex...
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
    return email.match(re)
}
function validateVraag()
{//controleer of vraag-tekst is veranderd. En maak rood indien no gniet veranderd.
    if($("#vraag").attr('value')=="vul hier uw vraag in.")
    {

        $("#vraagFout").fadeIn(1000);
        return false;
    }
    else
    {
        $("#vraagFout").fadeOut(1000);
        return true;
    }
}

function showContact()
{ //formulier is niet standaard zichtbaar...
    $("#contactForm").fadeIn(1000);//laat het formulier zien...
}