$(document).ready(function() {
	
	var $menuBlock = $('div.menuBlock');
	$('#startMenu').fadeIn('1000');
	$('#startMenu p:last').css({'margin-bottom':'0'});
	
	//menu click functions on "li"
	$('.sideMenuBlockMiddle li.link').click(function() {
		
		//Anchor next to li
		var $anchorHash = $(this).children('a').attr('href');
		
		//hide #startMenu
		$('#startMenu').hide();
		
		//Array of all the anchors in menuBlock
		var $links = $('.sideMenuBlockMiddle a');

		//Remove exsiting active classes on anchors
		$(this).siblings('li.link').removeClass('active').filter($(this).addClass('active'));
		
		//Hide all menuBLock exceot for the one clicked because of hash
		$menuBlock.hide().css({'position':'absolute'}).filter($anchorHash).fadeIn('1000').css({'position':'relative'});
		
		//Add active class to $this
		//$(this).addClass('active');
		
		return false;
	});
	
	//menu click on "li li"
	$('.sideMenuBlockMiddle li li').click(function() {
		
		//Anchor next to li
		var $anchorHash = $(this).parents('li').children('a').attr('href');
		
		//alert($anchorHash);
		
		//hide #startMenu
		$('#startMenu').hide();
		
		//Array of all the anchors in menuBlock
		var $links = $('.sideMenuBlockMiddle a');

		//Remove exsiting active classes on anchors
		$('.sideMenuBlockMiddle li.active').removeClass('active');
		$(this).parents('li').addClass('active');
		
		//Hide all menuBLock exceot for the one clicked because of hash
		$menuBlock.hide().css({'position':'absolute'}).filter($anchorHash).fadeIn('1000').css({'position':'relative'});
		
		if($(this).attr('id') === "vacatures"){
			return true;
		} else if($(this).attr('id') === "email"){
			return true;
		}

		return false;
	});
	
	//Last p of .rightCont remove margin-bottom 
	$('.rightCont p:last').css({
		'margin-bottom':'0'
	});
	
	$('#body .rightCont .mediumBlockMiddle p.special').css({
		'margin-bottom':'20px'
	});
	
	$('.rightCont p:first').css({
		'margin-top':'0'
	});
	
	//popup bubble
	//___________________________________
	
	$('.bubbleInfo').each(function () {
	    // options
	    var distance = 10;
	    var time = 250;
	    var hideDelay = 100;
	
	    var hideDelayTimer = null;
	
	    // tracker
	    var beingShown = false;
	    var shown = false;
	    
	    var trigger = $('.trigger', this);
	    var popup = $('.popup', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup.css({
          top: 0,
          left: 110,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup.css('display', 'none');
        });
      }, hideDelay);
    });
  });
  
  $('#newsletter').click(function() {
  	window.location.href = $(this).attr('href');
  });
	
});