$(document).ready(function() {

    // extra's

    //	$(document).pngFix();

});




$(document).ready(function() {

    $(".boxes_sub_nav_1").hide();
    $(".boxes_sub_nav_2").hide();
    $(".boxes_2_sub_nav_2").hide();
    $(".boxes_2_sub_nav_1").hide();

    $("#content_main_1").show();
    $("#content_main").css('background-color', '#8c6eae');
    $(".contentnav_li_1").addClass('contentnav_selected_1');
    //$("#content_main_1").hide();
    $("#content_main_2").hide();
    $("#content_main_3").hide();

    $("#bereken").show();

    $("#subnav_2").hide();
    $("#subnav_3").hide();

    // splash pagina

    // box 1
    $(".boxes_nav_1_1").click(function() {
        $(".boxes_nav_1_1").removeClass("boxes_nav_1_1").addClass("boxes_nav_1_1_selected");
        $(".boxes_sub_nav_2").hide();
        $(".boxes_sub_nav_1").show();
        return false;
    });

    $(".boxes_nav_1_2").click(function() {
        $(".boxes_nav_1_2").removeClass("boxes_nav_1_2").addClass("boxes_nav_1_2_selected");
        $(".boxes_sub_nav_1").hide();
        $(".boxes_sub_nav_2").show();
        return false;
    });

    // box 2

    $(".boxes_nav_2_1").click(function() {
        $(".boxes_nav_2_1").removeClass("boxes_nav_2_1").addClass("boxes_nav_2_1_selected");
        $(".boxes_2_sub_nav_2").hide();
        $(".boxes_2_sub_nav_1").show();
        return false;
    });

    $(".boxes_nav_2_2").click(function() {
        $(".boxes_nav_2_2").removeClass("boxes_nav_2_2").addClass("boxes_nav_2_2_selected");
        $(".boxes_2_sub_nav_1").hide();
        $(".boxes_2_sub_nav_2").show();
        return false;
    });


    $("#li_1").click(function() {
        $("#subnav_2").hide();
        $("#subnav_3").hide();
        $("#subnav_1").show();
    });

    $("#li_2").click(function() {
        $("#subnav_1").hide();
        $("#subnav_3").hide();
        $("#subnav_2").show();
    });

    $("#li_3").click(function() {
        $("#subnav_1").hide();
        $("#subnav_2").hide();
        $("#subnav_3").show();
    });


    $("#mainnav li").click(function() {
        $("#mainnav li").removeClass('selected');
        $(this).addClass('selected');
    });


    // main

    $(".contentnav_li_1").click(function() {
        $(".contentnav_li_1").addClass('contentnav_selected_1');
        $(".contentnav_li_2").removeClass('contentnav_selected_2');
        $(".contentnav_li_3").removeClass('contentnav_selected_3');
        $("#content_main_2").hide();
        $("#content_main_3").hide();
        $("#content_main_1").show();
        $("#content_main").css('background-color', '#8c6eae');
        $("#content").removeClass();
        $("#content").addClass('picture-3');
        $("#bereken").show();
    });

    $(".contentnav_li_2").click(function() {
        $(".contentnav_li_2").addClass('contentnav_selected_2');
        $(".contentnav_li_1").removeClass('contentnav_selected_1');
        $(".contentnav_li_3").removeClass('contentnav_selected_3');
        $("#content_main_1").hide();
        $("#content_main_3").hide();
        $("#content_main_2").show();
        $("#content_main").css('background-color', '#8c6eae');
        $("#content").removeClass();
        $("#content").addClass('picture-4');
        $("#bereken").hide();
    });

    $(".contentnav_li_3").click(function() {
        $(".contentnav_li_3").addClass('contentnav_selected_3');
        $(".contentnav_li_1").removeClass('contentnav_selected_1');
        $(".contentnav_li_2").removeClass('contentnav_selected_2');
        $("#content_main_1").hide();
        $("#content_main_2").hide();
        $("#content_main_3").show();
        $("#content_main").css('background-color', '#8c6eae');
        $("#content").addClass('picture-5');
        $("#bereken").hide();
    });

});