var navTimer = null;
  var activeElement = null;
  
  $(document).ready( function() {
  
    $('#huhAnswer').hide();
    $('a#filterToggle').click(function() {
      $('#huhAnswer').toggle('slow');
      return false;
    });
	
	$(document).ready(function(){
    
    $("a#filterToggle").click(function () {
      $("span").toggle();
    });
});

    $("#menu > ul > li").hover(function() {
      activeParent = $(this);
      activeElement = $(this).find("ul:first");
      
      if (!activeElement.is(":visible")) {
        clearTimeout(navTimer);
        navTimer = null;
        $("#menu ul > li > ul").slideUp(200);
        $("#menu ul > li.active").removeClass("active");
      }
      if (navTimer) {
        clearTimeout(navTimer);
        navTimer = null;
      } else {
        $(activeElement).slideDown(300);
        $(activeParent).addClass("active");
      }
    }, function() {
      navTimer = setTimeout(function()
      {
        $(activeElement).slideUp(200);
        $(activeParent).removeClass("active");
        navTimer = null;
      }, 700);
    });
    
    var firstItem = $(".nieuws .item:first");
    var firstBlock = $(".nieuws .block:first");
    var firstItem2 = $(".agenda .item:first");
    var firstBlock2 = $(".agenda .block:first");
    var activeItems = null;
    var itemCounter = 1;
    var itemCounter2 = 1;
    var items = $(".nieuws .item").size();
    
    $(firstItem).addClass("active");
    $(firstBlock).addClass("activeblock");
    $(firstItem2).addClass("active");
    $(firstBlock2).addClass("activeblock");
    
    $().everyTime(5000, 1, function() {
      activeItems = $(".nieuws .item.active");
      activeBlocks = $(".nieuws .block.activeblock");
      
      $(activeItems).removeClass("active");
      $(activeBlocks).removeClass("activeblock");
      
      if (itemCounter == items) {
        $(firstItem).addClass("active");
        $(firstBlock).addClass("activeblock");
        itemCounter = 1;
      } else {
        $(activeItems).next(".item").addClass("active");
        $(activeBlocks).next(".block").addClass("activeblock");
        itemCounter = itemCounter + 1;
      }
    });
    
    $().everyTime(5000, 3, function() {
      activeItems = $(".agenda .item.active");
      activeBlocks = $(".agenda .block.activeblock");
      
      $(activeItems).removeClass("active");
      $(activeBlocks).removeClass("activeblock");
      
      if (itemCounter2 == items) {
        $(firstItem2).addClass("active");
        $(firstBlock2).addClass("activeblock");
        itemCounter2 = 1;
      } else {
        $(activeItems).next(".item").addClass("active");
        $(activeBlocks).next(".block").addClass("activeblock");
        itemCounter2 = itemCounter2 + 1;
      }
    });
    
    var hoveredElement = null;
    var hoveredElementParent = null;
    
    $(".nieuws .item").hover(
      function() {
        $().stopTime(1);
        
        hoveredElement = this.className.replace('item ', '').replace(' active', '');
        hoveredElementParent = this.parentNode.className.replace('itemBlock ', '').replace(' rightm30', '');
        
        $("." + hoveredElementParent + " .item.active").removeClass("active");
        $("." + hoveredElementParent + " .block.activeblock").removeClass("activeblock");
        
        $("." + hoveredElementParent + " .item." + hoveredElement).addClass("active");
        $("." + hoveredElementParent + " .block." + hoveredElement).addClass("activeblock");
      },
      function() {
        itemCounter = hoveredElement.replace('item', '') * 1;
      
        $().everyTime(5000, 1, function() {
          activeItems = $(".nieuws .item.active");
          activeBlocks = $(".nieuws .block.activeblock");
          
          $(activeItems).removeClass("active");
          $(activeBlocks).removeClass("activeblock");
          
          if (itemCounter == items) {
            $(firstItem).addClass("active");
            $(firstBlock).addClass("activeblock");
            itemCounter = 1;
          } else {
            $(activeItems).next(".item").addClass("active");
            $(activeBlocks).next(".block").addClass("activeblock");
            itemCounter = itemCounter + 1;
          }
        });
      }
    );
    
    var hoveredElement = null;
    var hoveredElementParent = null;
    
    $(".agenda .item").hover(
      function() {
        $().stopTime(3);
        
        hoveredElement = this.className.replace('item ', '').replace(' active', '');
        hoveredElementParent = this.parentNode.className.replace('itemBlock ', '').replace(' rightm30', '');
        
        $("." + hoveredElementParent + " .item.active").removeClass("active");
        $("." + hoveredElementParent + " .block.activeblock").removeClass("activeblock");
        
        $("." + hoveredElementParent + " .item." + hoveredElement).addClass("active");
        $("." + hoveredElementParent + " .block." + hoveredElement).addClass("activeblock");
      },
      function() {
        itemCounter2 = hoveredElement.replace('item', '') * 1;
      
        $().everyTime(5000, 3, function() {
          activeItems = $(".agenda .item.active");
          activeBlocks = $(".agenda .block.activeblock");
          
          $(activeItems).removeClass("active");
          $(activeBlocks).removeClass("activeblock");
          
          if (itemCounter2 == items) {
            $(firstItem2).addClass("active");
            $(firstBlock2).addClass("activeblock");
            itemCounter2 = 1;
          } else {
            $(activeItems).next(".item").addClass("active");
            $(activeBlocks).next(".block").addClass("activeblock");
            itemCounter2 = itemCounter2 + 1;
          }
        });
      }
    );

    var carouselItems = $("#mycarousel li").size();
    var carouselCounter = 1;
    
    $().everyTime(10000, 2, function() {
      $("#mycarousel li.active").fadeOut(1500).removeClass("active");
      $("#mycarousel a.active").removeClass("active");
    
      if (carouselCounter == carouselItems) {
        carouselCounter = 1;
      } else {
        carouselCounter = carouselCounter + 1;
      }
      
      $("#mycarousel li.item" + carouselCounter).fadeIn(1500).addClass("active");
      $("#mycarousel a.item" + carouselCounter).addClass("active");
    });
    
    var clickedElementClassName = null;
    
    $("#mycarousel a").click(function() {
      $().stopTime(2);
      
      $("#mycarousel li:visible:not(.active)").hide();
      
      clickedElementClassName = this.className.replace(' active', '');
      correspondingElement = $("#mycarousel li." + clickedElementClassName);
      
      if (!correspondingElement.is(":visible")) {
        $("#mycarousel li.active").fadeOut(1500).removeClass("active");
        $("#mycarousel a.active").removeClass("active");
        
        $("#mycarousel li." + clickedElementClassName).fadeIn(1500).addClass("active");
        $("#mycarousel a." + clickedElementClassName).addClass("active");
      }
      
      carouselCounter = clickedElementClassName.replace('item', '') * 1;
      
      $().everyTime(10000, 2, function() {
        $("#mycarousel li.active").fadeOut(1500).removeClass("active");
        $("#mycarousel a.active").removeClass("active");
      
        if (carouselCounter == carouselItems) {
          carouselCounter = 1;
        } else {
          carouselCounter = carouselCounter + 1;
        }
        
        $("#mycarousel li.item" + carouselCounter).fadeIn(1500).addClass("active");
        $("#mycarousel a.item" + carouselCounter).addClass("active");
      });
      
      return false;
    });
  });
  
  
  $(function () {
			var tabContainers = $('div.tabs > div');
			tabContainers.hide().filter(':first').show();
			
			$('div.tabs ul.tabNavigation a').click(function () {
				tabContainers.hide();
				tabContainers.filter(this.hash).show();
				$('div.tabs ul.tabNavigation a').removeClass('selected');
				$(this).addClass('selected');
				return false;
			}).filter(':first').click();
		});