// Global JS

$(document).ready(function() {
	
	$("#bt-home").hover(
	  function () {
		$("#bt-home").animate({ marginTop: "-10px", height: "36px" }, {queue:false,duration:100});
	  }, 
	  function () {
		$("#bt-home").animate({ marginTop: "0px", height: "26px" },{queue:false,duration:200});
	  }
	);
	
	$("#bt-hartrevalidatie").hover(
	  function () {
		$("#bt-hartrevalidatie").animate({ marginTop: "-10px", height: "36px"  },{queue:false,duration:100});
	  }, 
	  function () {
		 $("#bt-hartrevalidatie").animate({ marginTop: "0px", height: "26px" },{queue:false,duration:200});
	  }
	);
	
	$("#bt-locaties").hover(
	  function () {
		$("#bt-locaties").animate({ marginTop: "-10px", height: "36px"  },{queue:false,duration:100});
	  }, 
	  function () {
		 $("#bt-locaties").animate({ marginTop: "0px", height: "26px" },{queue:false,duration:200});
	  }
	);
	
	$("#bt-programma").hover(
	  function () {
		$("#bt-programma").animate({ marginTop: "-10px", height: "36px"  },{queue:false,duration:100});
	  }, 
	  function () {
		 $("#bt-programma").animate({ marginTop: "0px", height: "26px" },{queue:false,duration:200});
	  }
	);
	
	$("#bt-informatie").hover(
	  function () {
		$("#bt-informatie").animate({ marginTop: "-10px", height: "36px"  },{queue:false,duration:100});
	  }, 
	  function () {
		 $("#bt-informatie").animate({ marginTop: "0px", height: "26px" },{queue:false,duration:200});
	  }
	);
	
	$("#bt-revalidatie").hover(
	  function () {
		$("#bt-revalidatie").animate({ marginTop: "-10px", height: "36px"  },{queue:false,duration:100});
	  }, 
	  function () {
		 $("#bt-revalidatie").animate({ marginTop: "0px", height: "26px" },{queue:false,duration:200});
	  }
	);
	
	$("#bt-professionals").hover(
	  function () {
		$("#bt-professionals").animate({ marginTop: "-10px", height: "36px"  },{queue:false,duration:100});
	  }, 
	  function () {
		 $("#bt-professionals").animate({ marginTop: "0px", height: "26px" },{queue:false,duration:200});
	  }
	);
	
	$('#slogan').css('display', 'block');
	$('#slogan').css('opacity', 0);
	$("#slogan").animate({ left: "+=50px", opacity: 1, filter:''},4000); //fadeIn(3000);
	
});