/**
 * @author Christophe Berghmans
 */

    $(document).ready(function() {
       $("#collectie, #over, #kalender, #contacteer").hide()
       $('#collection').click(function() {
            $('#collectie').stop().animate({height: 'toggle'}, 500, 'easeInOutExpo');
            $("#contacteer, #kalender, #over").stop().animate({ width: 'hide', height: 'hide' }, 400, 'easeInOutExpo');
       });
       $('#about').click(function() {
            $('#over').stop().animate({width: 'toggle', height: 'toggle'}, 500, 'easeInQuint');
            $("#contacteer, #kalender, #collectie").stop().animate({ width: 'hide', height: 'hide' }, 400, 'easeInOutExpo');        
       });
       $('#agenda').click(function() {
            $('#kalender').stop().animate({width: 'toggle', height: 'toggle'}, 500, 'easeInQuint');
            $("#contacteer, #over, #collectie").stop().animate({ width: 'hide', height: 'hide' }, 400, 'easeInOutExpo');
       });
       $('#contact').click(function() {
            $('#contacteer').stop().animate({width: 'toggle', height: 'toggle'}, 500, 'easeInQuint');
            $("#kalender, #over, #collectie").stop().animate({ width: 'hide', height: 'hide' }, 400, 'easeInOutExpo');
       });
    });