function ie6fix() {
    $(".navi a").each(function(index) {
        index = index + 1;
        if ($(this).hasClass("active")) {
            $(this).css({ backgroundImage: "url(/images/tab_stap" + index + "_mo.gif)" });
        }
        else {
            $(this).css({ backgroundImage: "url(/images/tab_stap" + index + ".gif)" });
        }
    });

    $(".navi2 a").each(function(index) {
        index = index + 1;
        if ($(this).hasClass("active")) {
            $(this).css({ backgroundImage: "url(/images/tab_tab" + index + "_mo.gif)" });
        }
        else {
            $(this).css({ backgroundImage: "url(/images/tab_tab" + index + ".gif)" });
        }
    });

    $(".navi4 a").each(function(index) {
        index = index + 1;
        if ($(this).hasClass("active")) {
            $(this).css({ backgroundImage: "url(/images/tab_discussie" + index + "_mo.gif)" });
        }
        else {
            $(this).css({ backgroundImage: "url(/images/tab_discussie" + index + ".gif)" });
        }
    });
}

$(document).ready(function() {
    $("#tabs").tabs();

    $("div.stappen").parent().parent().scrollable({
        size: 1,
        clickable: false,
        keyboard: true,
        easing: "swing",
        items: ".items",
        prev: ".prev2",
        next: ".next2",
        navi: ".navi"
    });

    $(".prev").click(function() {
        if ($(".navi3 .active").prevAll().length > 1) {
            $(".navi3 .tab2").hide();
        }
        else {
            $(".navi3 .tab2").show();
        }
    });

    $(".next, .tab2").live("click", function() {
        if ($(".navi3 .active").prevAll().length > -1) {
            $(".navi3 .tab2").hide();
        }
        else {
            $(".navi3 .tab2").show();
        }
    });


    $(".navi a").each(function(index) {
        $(this).addClass("stap" + eval(index + 1)).text("Stap " + eval(index + 1))
    })

    $("#frmContactVoorwie").validate({
        rules: {
            directeur: "required",
            bedrijf: "required",
            plaats: "required",
            medewerkers: {
                required: true,
                number: true,
                min: 10
            },
            telefoonnummer: "required",
            emailadres: {
                required: true,
                email: true
            },
            geslacht: "required",
            contact: "required"
        },
        errorClass: "invalid"
    });

    $("#frmTheGameAanmelden").validate({
        rules: {
            kantoor: "required",
            medewerkers: {
                required: true,
                number: true,
                min: 1
            },
            adres: "required",
            postcode: "required",
            plaats: "required",
            naam1: "required",
            functie1: "required",
            email1: {
                required: true,
                email: true
            },
            telefoon1: "required",
            email2: {
                email: true
            }
        },
        errorClass: "invalid"
    });

    //Hoe werkt voorzie > pagetracking
    $("div.stappen").parent().parent().parent().find(".prev2").click(function() {
        var strTracker = "/over_voorzie/hoe_werkt_voorzie";
        var api = $("div.scrollable").scrollable();
        var current = api.getIndex();
        switch (current) {
            case 0:
                strTracker = strTracker + "/stap1";
                break;
            case 1:
                strTracker = strTracker + "/stap2";
                break;
            case 2:
                strTracker = strTracker + "/stap3";
                break;
            case 3:
                strTracker = strTracker + "/stap4";
                break;
            case 4:
                strTracker = strTracker + "/resultaat";
                break;
            default:
                strTracker = strTracker;
        }
        pageTracker._trackPageview(strTracker);

        $(this).addClass("active");
    });

    $("div.stappen").parent().parent().parent().find(".next2").click(function() {
        var strTracker = "/over_voorzie/hoe_werkt_voorzie";
        var api = $("div.scrollable").scrollable();
        var current = api.getIndex();
        switch (current) {
            case 0:
                strTracker = strTracker + "/stap1";
                break;
            case 1:
                strTracker = strTracker + "/stap2";
                break;
            case 2:
                strTracker = strTracker + "/stap3";
                break;
            case 3:
                strTracker = strTracker + "/stap4";
                break;
            case 4:
                strTracker = strTracker + "/resultaat";
                break;
            default:
                strTracker = strTracker;
        }
        pageTracker._trackPageview(strTracker);

        $(this).addClass("active");
    });

    //Over voorzie > pagetracking
    $("div.over").parent().parent().parent().find(".next3").click(function() {
        var strTracker = "/over_voorzie/over_voorzie";
        var api = $("div.scrollable").scrollable();
        var current = api.getIndex();
        switch (current) {
            case 0:
                strTracker = strTracker + "/vastberaden";
                break;
            case 1:
                strTracker = strTracker + "/watziterachter";
                break;
            case 2:
                strTracker = strTracker + "/toekomst";
                break;
            case 3:
                strTracker = strTracker + "/wereld";
                break;
            case 4:
                strTracker = strTracker + "/kwaliteit";
                break;
            case 5:
                strTracker = strTracker + "/ervaring1";
                break;
            case 6:
                strTracker = strTracker + "/ervaring2";
                break;
            case 7:
                strTracker = strTracker + "/ervaring3";
                break;
            case 8:
                strTracker = strTracker + "/ervaring4";
                break;
            default:
                strTracker = strTracker;
        }
        pageTracker._trackPageview(strTracker);
    });

    $("div.over").parent().parent().parent().find(".prev3").click(function() {
        var strTracker = "/over_voorzie/over_voorzie";
        var api = $("div.scrollable").scrollable();
        var current = api.getIndex();
        switch (current - 2) {
            case 0:
                strTracker = strTracker + "/vastberaden";
                break;
            case 1:
                strTracker = strTracker + "/watziterachter";
                break;
            case 2:
                strTracker = strTracker + "/toekomst";
                break;
            case 3:
                strTracker = strTracker + "/wereld";
                break;
            case 4:
                strTracker = strTracker + "/kwaliteit";
                break;
            case 5:
                strTracker = strTracker + "/ervaring1";
                break;
            case 6:
                strTracker = strTracker + "/ervaring2";
                break;
            case 7:
                strTracker = strTracker + "/ervaring3";
                break;
            case 8:
                strTracker = strTracker + "/ervaring4";
                break;
            default:
                strTracker = strTracker;
        }
        pageTracker._trackPageview(strTracker);
    });

    //Voorwie > pagetracking
    $("div.contact").parent().parent().parent().find(".next").click(function() {
        var strTracker = "/over_voorzie/voorwie";
        var api = $("div.scrollable").scrollable();
        var current = api.getIndex();

        switch (current) {
            //            case 0:
            //                strTracker = strTracker + "/voormij";
            //                break;
            case 0:
                strTracker = strTracker + "/resultaat";
                break;
            //            case 1:
            //                strTracker = strTracker + "/vraag1";
            //                break;
            //            case 2:
            //                strTracker = strTracker + "/vraag2";
            //                break;
            //            case 3:
            //                strTracker = strTracker + "/vraag3";
            //                break;
            //            case 4:
            //                strTracker = strTracker + "/vraag4";
            //                break;
            case 1:
                strTracker = strTracker + "/bedankt";
                break;
            default:
                strTracker = strTracker;
        }
        pageTracker._trackPageview(strTracker);

        $(this).addClass("active");
    });

    $("div.contact").parent().parent().parent().find(".prev").click(function() {
        var strTracker = "/over_voorzie/voorwie";
        var api = $("div.scrollable").scrollable();
        var current = api.getIndex();

        switch (current - 2) {
            //            case 0:
            //                strTracker = strTracker + "/voormij";
            //                break;
            case 0:
                strTracker = strTracker + "/resultaat";
                break;
            //            case 1:
            //                strTracker = strTracker + "/vraag1";
            //                break;
            //            case 2:
            //                strTracker = strTracker + "/vraag2";
            //                break;
            //            case 3:
            //                strTracker = strTracker + "/vraag3";
            //                break;
            //            case 4:
            //                strTracker = strTracker + "/vraag4";
            //                break;
            case 1:
                strTracker = strTracker + "/bedankt";
                break;
            default:
                strTracker = strTracker;
        }
        pageTracker._trackPageview(strTracker);
        $(this).parent().find(".next").removeClass("active");
    });

    //Voorwie > afhandeling
    $("div.contact").parent().parent().scrollable({
        size: 1,
        clickable: false,
        keyboard: true,
        easing: "swing",
        items: ".items",
        prev: ".prev",
        next: ".next",
        navi: ".navi3",
        onSeek: function() {

            if (this.getIndex() == this.getPageAmount() - 2) {
                $(".next").find("img").attr("src", "/images/btn_verzenden.gif");
            }

            else if (this.getIndex() == 1) {
                $(".next").find("img").attr("src", "/images/btn_naar_de_vragen.gif");
            }

            else {
                $(".next").find("img").attr("src", "/images/btn_volgende.gif");

            }

            if (this.getIndex() == this.getPageAmount() - 1) {
                $(".prev").hide();
            }
            else {
                $(".prev").show();

            }

        },
        onBeforeSeek: function() {
            //            if (this.getIndex() == this.getPageAmount() - 2) {
            //                if ($(".next").hasClass("active")) {
            //                    if ($("#antwoord4").val() != "") {
            //                        $("#antwoord4").removeClass("invalid").parent().find(".verplicht").hide();
            //                        return true;
            //                    }
            //                    else {
            //                        $("#antwoord4").addClass("invalid").parent().find(".verplicht").show().text(meldingVerplichtAntwoord); ;
            //                        return false;
            //                    }
            //                }
            //            }
            if (this.getIndex() == this.getPageAmount() - 3) {
                if ($(".next").hasClass("active")) {
                    if ($("#antwoord3").val() != "") {
                        $("#antwoord3").removeClass("invalid").parent().find(".verplicht").hide();
                        return true;
                    }
                    else {
                        $("#antwoord3").addClass("invalid").parent().find(".verplicht").show().text(meldingVerplichtAntwoord); ;
                        return false;
                    }
                }
            }
            else if (this.getIndex() == this.getPageAmount() - 4) {
                if ($(".next").hasClass("active")) {
                    if ($("#antwoord2").val() != "") {
                        $("#antwoord2").removeClass("invalid").parent().find(".verplicht").hide();
                        return true;
                    }
                    else {
                        $("#antwoord2").addClass("invalid").parent().find(".verplicht").show().text(meldingVerplichtAntwoord);
                        return false;
                    }
                }
            }
            else if (this.getIndex() == this.getPageAmount() - 5) {
                if ($(".next").hasClass("active")) {
                    if ($("#antwoord1").val() != "") {
                        $("#antwoord1").removeClass("invalid").parent().find(".verplicht").hide();
                        return true;
                    }
                    else {
                        $("#antwoord1").addClass("invalid").parent().find(".verplicht").show().text(meldingVerplichtAntwoord);
                        return false;
                    }
                }
            }
            else if (this.getIndex() == this.getPageAmount() - 6) {

                if ($(".next").hasClass("active")) {
                    if ($("#directeur").valid() && $("#bedrijf").valid() && $("#medewerkers").valid() && $("#plaats").valid() && $("#telefoonnummer").valid() && $("#emailadres").valid()) {
                        //$("#antwoord1").removeClass("invalid").parent().find(".verplicht").hide();
                        return true;
                    }
                    else {
                        if ($("#medewerkers").val() != "" && parseInt($("#medewerkers").val()) < 10) {
                            //$(".error_medewerkers").show();
                            alert("Alleen kantoren met minimaal 10 medewerkers kunnen deelnemen aan Voorzie.");
                        }
                        else {
                            //$(".error_medewerkers").hide();
                        }
                        $("#directeur").valid();
                        $("#medewerkers").valid();
                        $("#bedrijf").valid();
                        $("#plaats").valid();
                        $("#telefoonnummer").valid();
                        $("#emailadres").valid();
                        $("#geslacht").valid();
                        $("#contact").valid();
                        //$("#antwoord1").addClass("invalid").parent().find(".verplicht").show().text(meldingVerplichtAntwoord);
                        return false;
                    }
                }
            }

            else if (this.getIndex() == this.getPageAmount() - 2) {
                if ($(".next").hasClass("active")) {
                    if ($("#frmContactVoorwie").valid()) {
                        //$("p.error").hide();
                        //$("p.verplicht").show();
                        var randomnumber = Math.floor(Math.random() * 100001);
                        var send = $.post("/Ajax/saveVoorwie.aspx?randomnumber=" + randomnumber,
                                {
                                    directeur: $("#directeur").val(),
                                    bedrijf: $("#bedrijf").val(),
                                    medewerkers: $("#medewerkers").val(),
                                    plaats: $("#plaats").val(),
                                    telefoonnummer: $("#telefoonnummer").val(),
                                    emailadres: $("#emailadres").val(),
                                    contact: $("#contact").val(),
                                    opmerkingen: $("#opmerkingen").val(),
                                    geslacht: $("input[name=geslacht]").val()
                                },
                                function(data) {
                                    $("#directeur").val("");
                                    $("#bedrijf").val("");
                                    $("#medewerkers").val("");
                                    $("#plaats").val("");
                                    $("#telefoonnummer").val("");
                                    $("#emailadres").val("");
                                    $("#contact").val("");
                                    $("#opmerkingen").val("");
                                }
                            );
                    }
                    else {
                        //$("p.verplicht").hide();
                        //$("p.error").show();
                        alert("Niet alle velden zijn (correct) ingevuld. Probeer het opnieuw.");
                        return false;
                    }
                }
            }
        }

    });








    $("div.the_game_aanmelden").parent().parent().parent().find(".next5").click(function() {
        var strTracker = "/over_voorzie/voorzie_the_game/aanmelden";
        var api = $("div.scrollable").scrollable();
        var current = api.getIndex();

        switch (current) {
            case 0:
                strTracker = strTracker + "/gegevens_deelnemer_1";
                break;
            case 1:
                strTracker = strTracker + "/gegevens_deelnemer_2";
                break;
            case 2:
                strTracker = strTracker + "/bedankt";
                break;
            default:
                strTracker = strTracker;
        }
        pageTracker._trackPageview(strTracker);

        $(this).addClass("active");
    });

    $("div.the_game_aanmelden").parent().parent().parent().find(".prev5").click(function() {
        var strTracker = "/over_voorzie/voorzie_the_game/aanmelden";
        var api = $("div.scrollable").scrollable();
        var current = api.getIndex();

        switch (current - 2) {
            case 0:
                strTracker = strTracker + "/gegevens_deelnemer_1";
                break;
            case 1:
                strTracker = strTracker + "/gegevens_deelnemer_2";
                break;
            case 2:
                strTracker = strTracker + "/bedankt";
                break;
            default:
                strTracker = strTracker;
        }
        pageTracker._trackPageview(strTracker);
        $(this).parent().find(".next5").removeClass("active");
    });

    $("div.the_game_aanmelden").parent().parent().scrollable({
        size: 1,
        clickable: false,
        keyboard: true,
        easing: "swing",
        items: ".items",
        prev: ".prev5",
        next: ".next5",
        navi: ".navi5",
        onSeek: function() {

            if (this.getIndex() == this.getPageAmount() - 2) {
                $(".next").find("img").attr("src", "/images/btn_verzenden.gif");
            }

            else if (this.getIndex() == 1) {
                $(".next").find("img").attr("src", "/images/btn_volgende.gif");
            }

            else {
                $(".next").find("img").attr("src", "/images/btn_volgende.gif");

            }

            if (this.getIndex() == this.getPageAmount() - 1) {
                $(".prev").hide();
            }
            else {
                $(".prev").show();

            }

        },
        onBeforeSeek: function() {

            if (this.getIndex() == this.getPageAmount() - 4) {

                if ($(".next5").hasClass("active")) {
                    if ($("#kantoor").valid() && $("#medewerkers").valid() && $("#adres").valid() && $("#postcode").valid() && $("#plaats").valid()) {
                        return true;
                    }
                    else {
                        if ($("#medewerkers").val() != "" && parseInt($("#medewerkers").val()) < 10) {
                            $(".error_medewerkers").show();
                        }
                        else {
                            $(".error_medewerkers").hide();
                        }
                        $("#kantoor").valid();
                        $("#medewerkers").valid();
                        $("#adres").valid();
                        $("#postcode").valid();
                        $("#plaats").valid();
                        return false;
                    }
                }
            }

            else if (this.getIndex() == this.getPageAmount() - 3) {
                if ($(".next5").hasClass("active")) {
                    if ($("#naam1").valid() && $("#functie1").valid() && $("#email1").valid() && $("#telefoon1").valid()) {
                        return true;
                    }
                    else {
                        $("#naam1").valid();
                        $("#functie1").valid();
                        $("#email1").valid();
                        $("#telefoon1").valid();
                        return false;
                    }
                }
            }

            else if (this.getIndex() == this.getPageAmount() - 2) {
                if ($(".next5").hasClass("active")) {
                    if ($("#frmTheGameAanmelden").valid()) {
                        var randomnumber = Math.floor(Math.random() * 100001);
                        var send = $.post("/Ajax/saveTheGameAanmelding.aspx?randomnumber=" + randomnumber,
                                {
                                    kantoor: $("#kantoor").val(),
                                    medewerkers: $("#medewerkers").val(),
                                    adres: $("#adres").val(),
                                    postcode: $("#postcode").val(),
                                    plaats: $("#plaats").val(),
                                    naam1: $("#naam1").val(),
                                    functie1: $("#functie1").val(),
                                    email1: $("#email1").val(),
                                    telefoon1: $("#telefoon1").val(),
                                    naam2: $("#naam2").val(),
                                    functie2: $("#functie2").val(),
                                    email2: $("#email2").val(),
                                    telefoon2: $("#telefoon2").val()
                                },
                                function(data) {
                                    $("#kantoor").val("");
                                    $("#medewerkers").val("");
                                    $("#adres").val("");
                                    $("#postcode").val("");
                                    $("#plaats").val("");
                                    $("#naam1").val("");
                                    $("#functie1").val("");
                                    $("#email1").val("");
                                    $("#telefoon1").val("");
                                    $("#naam2").val("");
                                    $("#functie2").val("");
                                    $("#email2").val("");
                                    $("#telefoon2").val("");
                                    $("a.prev5").hide();
                                }
                            );
                    }
                    else {
                        return false;
                    }
                }
            }
        }

    });
























    $("div.over").parent().parent().scrollable({
        size: 1,
        clickable: false,
        keyboard: true,
        easing: "swing",
        items: ".items",
        prev: ".prev3",
        next: ".next3",
        onSeek: function() {
            if (this.getIndex() == 0) {
                $(".next3").find("img").attr("src", "/images/btn_vastberaden_ondernemen.gif");
            }
            else if (this.getIndex() == 1) {
                $(".next3").find("img").attr("src", "/images/btn_wie_zit_daarachter.gif");
            }
            else if (this.getIndex() == 2) {
                $(".next3").find("img").attr("src", "/images/btn_voorzie_staat_voor_toekomst.gif");
            }
            else if (this.getIndex() == 3) {
                $(".next3").find("img").attr("src", "/images/btn_een_wereld_te_winnen.gif");
            }
            else if (this.getIndex() == 4) {
                $(".next3").find("img").attr("src", "/images/btn_proef_de_kwaliteit.gif");
            }
            else if (this.getIndex() == 5 || this.getIndex() == 6 || this.getIndex() == 7) {
                $(".next3").find("img").attr("src", "/images/btn_uit_eigen_ervaring.gif");
            }
            else if (this.getIndex() == 8) {
                $(".next3").find("img").attr("src", "/images/btn_zij_deden_mee_met_voorzie.gif");
            }

        }
    });

    $("div.discussie").parent().parent().scrollable({
        size: 1,
        clickable: false,
        keyboard: true,
        easing: "swing",
        items: ".items",
        navi: ".navi4"
    });

    $("div.home").parent().parent().scrollable({
        size: 1,
        clickable: false,
        easing: "swing",
        items: ".items",
        navi: ".navi2"
    });


    $(".navi2 a").each(function(index) {
        $(this).addClass("tab" + eval(index + 1)).text("Tab " + eval(index + 1))
    })

    $(".navi3 a").each(function(index) {
        $(this).addClass("tab" + eval(index + 1)).text("Tab " + eval(index + 1))
    })

    $(".navi4 a").each(function(index) {
        $(this).addClass("tab" + eval(index + 1)).text("Tab " + eval(index + 1))
    })

    $(".navi2").find("a.tab1").click(function() {
        var strTracker = "/over_voorzie/home/voorzie";
        pageTracker._trackPageview(strTracker);
    });

    $(".navi2").find("a.tab2").click(function() {
        var strTracker = "/over_voorzie/home/programma";
        pageTracker._trackPageview(strTracker);
    });

    $(".navi2").find("a.tab3").click(function() {
        var strTracker = "/over_voorzie/home/voorwaarden";
        pageTracker._trackPageview(strTracker);
    });

    $(".navi2").find("a.tab4").click(function() {
        var strTracker = "/over_voorzie/home/voorzie_the_game";
        pageTracker._trackPageview(strTracker);
    });

    $(".navi").find("a.stap1").click(function() {
        var strTracker = "/over_voorzie/hoewerktvoorzie/stap1";
        pageTracker._trackPageview(strTracker);
    });
    $(".navi").find("a.stap2").click(function() {
        var strTracker = "/over_voorzie/hoewerktvoorzie/stap2";
        pageTracker._trackPageview(strTracker);
    });
    $(".navi").find("a.stap3").click(function() {
        var strTracker = "/over_voorzie/hoewerktvoorzie/stap3";
        pageTracker._trackPageview(strTracker);
    });
    $(".navi").find("a.stap4").click(function() {
        var strTracker = "/over_voorzie/hoewerktvoorzie/stap4";
        pageTracker._trackPageview(strTracker);
    });
    $(".navi").find("a.stap5").click(function() {
        var strTracker = "/over_voorzie/hoewerktvoorzie/resultaat";
        pageTracker._trackPageview(strTracker);
    });

    $(".navi4").find("a.tab1").click(function() {
        var strTracker = "/discussie/avero";
        pageTracker._trackPageview(strTracker);
    });

    $(".navi4").find("a.tab2").click(function() {
        var strTracker = "/discussie/expert";
        pageTracker._trackPageview(strTracker);
    });

    $(".navi4").find("a.tab3").click(function() {
        var strTracker = "/discussie/aanpak";
        pageTracker._trackPageview(strTracker);
    });

    $(".navi4").find("a.tab4").click(function() {
        var strTracker = "/discussie/rondetafel";
        pageTracker._trackPageview(strTracker);
    });

    if (document.all && !window.opera && !window.XMLHttpRequest && $.browser.msie) {
        ie6fix();
        $(".navi a, .navi2 a, .navi4 a, .next, .next2, .prev, .prev2").live("click", function() {
            ie6fix()
        });
    };

    var page = $.query.get('t');
    if (page == "voorzie-the-game") {
        var api = $("div.scrollable").scrollable();
        api.setPage(3);
    }

});