$(document).ready(function(){
//alle subknoppen en onderknoppen worden verborgen als de pagina geladen wordt, ze worden zichtbaar als de gebuiker met de muis over de respectievelijke knop of subknop passeert
        $("table.subknop").hide();
        //klikzone voor aanmelden
        var beneden=0;
        $("#klikzone").bind("click",function(){
                if(beneden==0){$("#aanmeldknop").animate( { top:"30px"}, 200);beneden=1;}
                else{$("#aanmeldknop").animate( { top:"-200px"}, 200);beneden=0;}
        });
        $("#klikzone2").bind("click",function(){
                location.href="?";
        });
        $("#knoppen").bind("mouseenter",function(){
                $("#menuachtergrond1").animate( { width:"524px"}, 200 );
                $("#menuachtergrond2").animate( { left:"522px"}, 200);
        }).bind("mouseleave",function(){
                $("#menuachtergrond1").animate( { width:"160px"}, 200 );
                $("#menuachtergrond2").animate( { left:"158px"}, 200);
                $("table.subknop").fadeOut("fast");
                $("table.onderknop").hide();
                //de tabel moet ook naar boven geschoven worden
                slideZwart();
        });
        //$("#knop1").bind("mouseenter",function(){
          $("#knop1").bind("click",function(){
                $("table.subknop").fadeOut("fast");
                $("#algemeen").fadeIn("fast");
                $("#onderknoppen").html(algOnderknoppen);
                $("table.onderknop").hide();
        });        
        $("#knop2").bind("click",function(){
                $("table.subknop").fadeOut("fast");
                $("#takken").fadeIn("fast");
                $("#onderknoppen").html(takkenOnderknoppen);
                $("table.onderknop").hide();
        });
        $("#knop3").bind("click",function(){
                $("table.subknop").fadeOut("fast");
                $("#fotovideo").fadeIn("fast");
                $("table.onderknop").hide();
        });
        $("#knop4").bind("click",function(){
                $("table.subknop").fadeOut("fast");
                $("#evenementen").fadeIn("fast");
                $("#onderknoppen").html(evenementenOnderknoppen);
                $("table.onderknop").hide();
        });
        $("#knop5").bind("click",function(){
                $("table.subknop").fadeOut("fast");
                $("#scoutspraatje").fadeIn("fast");
                $("table.onderknop").hide();
        });
        //de functies voor alle subknoppen
        //ALGEMEEN
        $("#str").click(function(){slideZwart("str");});
        $("#ins").click(function(){slideZwart("ins");});
        $("#pribon").click(function(){slideZwart("pribon");});
        $("#his").click(function(){slideZwart("his");});
        $("#uni").click(function(){slideZwart("uni");});
        $("#lok").click(function(){slideZwart("lok");});
        $("#kew").click(function(){slideZwart("kew");});
        $("#dro").click(function(){slideZwart("dro");});
        $("#der").click(function(){slideZwart("der");});
        $("#faq").click(function(){location.href="?page=FAQ";});
        $("#con").click(function(){location.href="?page=contact";});
        $("#pri-bord").click(function(){location.href="?page=prikbord&tak=alg";});
        //TAKKEN
        //$("#khb").click(function(){slideZwart("khb");});
        //$("#khl").click(function(){slideZwart("khl");});
        $("#kap").click(function(){slideZwart("kap");});
        $("#whb").click(function(){slideZwart("whb");});
        $("#whl").click(function(){slideZwart("whl");});
        $("#jhb").click(function(){slideZwart("jhb");});
        $("#jhl").click(function(){slideZwart("jhl");});
        $("#ghb").click(function(){slideZwart("ghb");});
        $("#ghl").click(function(){slideZwart("ghl");});
        $("#jin").click(function(){slideZwart("jin");});
        $("#lei").click(function(){slideZwart("lei");});
        $("#grl").click(function(){slideZwart("grl");});
        $("#sta").click(function(){slideZwart("sta");});
        $("#grc").click(function(){slideZwart("grc");});
        $("#vzw").click(function(){slideZwart("vzw");});
        //FOTO VIDEO
        $("#fotoJaa").click(function(){location.href="?page=pics/index&jaar="+jaar;});
        $("#fotoVro").click(function(){location.href="?page=pics/index.php";});
        $("#fotoSZ").click(function(){location.href="?page=pics/scouzone";});
        $("#fotoFDL").click(function(){location.href="?page=pics/fdl.php";});
        $("#fotoFil").click(function(){location.href="?page=pics/fil.php";});
        //EVENEMENTEN
        $("#sz").click(function(){slideZwart("sz");});
        $("#ddl").click(function(){slideZwart("ddl");});
        $("#pas").click(function(){slideZwart("pas");});
        $("#oud").click(function(){slideZwart("oud");});
        $("#vro").click(function(){location.href="?page=even_vroeger";});
        //SCOUTSPRAATJE
        $("#praatjekap").click(function(){location.href="?page=scoutspraatje&tak=1";});
        //$("#praatjekhl").click(function(){location.href="?page=scoutspraatje&tak=10";});
        $("#praatjewhb").click(function(){location.href="?page=scoutspraatje&tak=3";});
        $("#praatjewhl").click(function(){location.href="?page=scoutspraatje&tak=2";});
        $("#praatjejhb").click(function(){location.href="?page=scoutspraatje&tak=5";});
        $("#praatjejhl").click(function(){location.href="?page=scoutspraatje&tak=4";});
        $("#praatjeghb").click(function(){location.href="?page=scoutspraatje&tak=7";});
        $("#praatjeghl").click(function(){location.href="?page=scoutspraatje&tak=6";});
        $("#praatjejin").click(function(){location.href="?page=scoutspraatje&tak=8";});
        $("#praatjelei").click(function(){location.href="?page=scoutspraatje&tak=9";});
        
        //FANCYBOX
         /* This is basic - uses default settings */
         $("a#single_image").fancybox();
         /* Using custom settings */
         $("a.video").fancybox({'overlayShow': false,'hideOnContentClick': false,'titleShow': false,'transitionIn':'elastic','transitionOut': 'elastic'});
         $("a.group").fancybox({'titleShow': false,'transitionIn':'elastic','transitionOut': 'elastic'});
                 
                 //VROEGER WAS HET ZO: ({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': false });
});