$(window).load(function() {
    $('#container-nacht #slider,#container-dag #slider').nivoSlider({
        effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:500, // Slide transition speed
        pauseTime:3000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:false, // Next & Prev navigation
        directionNavHide:true, // Only show on hover
        controlNav:false, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:true, // Use left & right arrows
        pauseOnHover:true, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
	
	// $("a").mouseover(function(){  
        // $(this).stop().animate({backgroundPosition:"(0 0)"},{queue:false, duration:600, easing: 'easeOutBounce'})  
    // });  
  
    // //When mouse is removed  
    // $("a").mouseout(function(){  
        // $(this).stop().animate({backgroundPosition:"(-35px 0)"},{queue:false, duration:600, easing: 'easeOutBounce'})  
    // });  
	
	
 $('#menu a')
        .css( {backgroundPosition: "0 35px"} )
        .mouseover(function(){
            $(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:400, easing: 'easeOutBounce'})
        })
        .mouseout(function(){
            $(this).stop().animate({backgroundPosition:"(0 35px)"}, {duration:400,easing: 'easeOutBounce'})
        })
 $('#menu li.active a')
		.css( {backgroundPosition: "0 0"} )
        .mouseover(function(){
            $(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:400, easing: 'easeOutBounce'})
        })
        .mouseout(function(){
            $(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:400,easing: 'easeOutBounce'})
        })
		
 $('#container-dag #switcher')
        .mouseover(function(){
            $(this).stop().animate({top:'-45px'}, {duration:600, easing: 'easeOutBounce'})
        })
        .mouseout(function(){
            $(this).stop().animate({top:'-115px'}, {duration:600,easing: 'easeInOutQuint'})
        })
 $('#container-nacht #switcher')
        .mouseover(function(){
            $(this).stop().animate({top:'-45px'}, {duration:600, easing: 'easeOutBounce'})
        })
        .mouseout(function(){
            $(this).stop().animate({top:'-115px'}, {duration:600,easing: 'easeInOutQuint'})
        })	
 $('#container-dag #switcher')
		.click(function(){
            $("#totaal-dag").animate({height:'0%'}, {duration:1200, easing: 'easeOutBounce'})
        })
        .click(function(){
            $("#totaal-nacht").animate({height:'100%'}, {duration:1200, easing: 'easeOutBounce'})
        })
 $('#container-nacht #switcher')
		.click(function(){
            $("#totaal-nacht").animate({height:'0%'}, {duration:1200, easing: 'easeOutBounce'})
        })
        .click(function(){
            $("#totaal-dag").animate({height:'100%'}, {duration:1200, easing: 'easeOutBounce'})
        })		


$(".clickable").hover(
  function() {
    $(this).addClass("hover");
  },
  function() {
    $(this).removeClass("hover");
  }
);

$(".clickable").click(
  function() {
  window.location = $(this).find("a").attr("href");
  }
);

$('#small').fancyZoom();



});