$(document).ready(function () {

				$('.goto_home').click(
			function () {
				$('.sub1').css("background-image", "url(menu-images/HOMEH.gif)");
				$('.sub2').css("background-image", "url(menu-images/DIENSTEN.gif)");
				$('.sub3').css("background-image", "url(menu-images/WERKWIJZE.gif)");
				$('.sub6').css("background-image", "url(menu-images/CONTACT.gif)");
				$('.sub5').css("background-image", "url(menu-images/PORTFOLIO.gif)");
				$('.sub10').css("background-image", "url(menu-images/HOMEH.gif)");
				$('.sub20').css("background-image", "url(menu-images/DIENSTEN.gif)");
				$('.sub30').css("background-image", "url(menu-images/WERKWIJZE.gif)");
				$('.sub60').css("background-image", "url(menu-images/CONTACT.gif)");
				$('.sub50').css("background-image", "url(menu-images/PORTFOLIO.gif)");
				$('.sub40').css("background-image", "url(menu-images/MODELLEN.gif)");
		
		
			
				});
				
				$('.goto_model').click(
			function () {
				$('.sub1').css("background-image", "url(menu-images/HOME.gif)");
				$('.sub2').css("background-image", "url(menu-images/DIENSTENH.gif)");
				$('.sub3').css("background-image", "url(menu-images/WERKWIJZE.gif)");
				$('.sub6').css("background-image", "url(menu-images/CONTACT.gif)");
				$('.sub5').css("background-image", "url(menu-images/PORTFOLIO.gif)");
				$('.sub10').css("background-image", "url(menu-images/HOME.gif)");
				$('.sub20').css("background-image", "url(menu-images/DIENSTEN.gif)");
				$('.sub30').css("background-image", "url(menu-images/WERKWIJZE.gif)");
				$('.sub60').css("background-image", "url(menu-images/CONTACT.gif)");
				$('.sub50').css("background-image", "url(menu-images/PORTFOLIO.gif)");
				$('.sub40').css("background-image", "url(menu-images/MODELLENH.gif)")
				});
				
					$('.goto_research').click(
			function () {
				$('.sub1').css("background-image", "url(menu-images/HOME.gif)");
				$('.sub2').css("background-image", "url(menu-images/DIENSTEN.gif)");
				$('.sub3').css("background-image", "url(menu-images/WERKWIJZE.gif)");
				$('.sub4').css("background-image", "url(menu-images/MODELLENH.gif)");
				$('.sub6').css("background-image", "url(menu-images/CONTACT.gif)");
				$('.sub5').css("background-image", "url(menu-images/PORTFOLIO.gif)");
				$('.sub10').css("background-image", "url(menu-images/HOME.gif)");
				$('.sub20').css("background-image", "url(menu-images/DIENSTEN.gif)");
				$('.sub30').css("background-image", "url(menu-images/WERKWIJZEH.gif)");
				$('.sub60').css("background-image", "url(menu-images/CONTACT.gif)");
				$('.sub50').css("background-image", "url(menu-images/PORTFOLIO.gif)");
				$('.sub40').css("background-image", "url(menu-images/MODELLEN.gif)");
	
				});
				
				$('.goto_dienst').click(
			function () {
				$('.sub1').css("background-image", "url(menu-images/HOME.gif)");
				$('.sub2').css("background-image", "url(menu-images/DIENSTEN.gif)");
				$('.sub3').css("background-image", "url(menu-images/WERKWIJZEH.gif)");
				$('.sub4').css("background-image", "url(menu-images/MODELLEN.gif)");
				$('.sub6').css("background-image", "url(menu-images/CONTACT.gif)");
				$('.sub5').css("background-image", "url(menu-images/PORTFOLIO.gif)");
				$('.sub10').css("background-image", "url(menu-images/HOME.gif)");
				$('.sub20').css("background-image", "url(menu-images/DIENSTENH.gif)");
				$('.sub30').css("background-image", "url(menu-images/WERKWIJZE.gif)");
				$('.sub60').css("background-image", "url(menu-images/CONTACT.gif)");
				$('.sub50').css("background-image", "url(menu-images/PORTFOLIO.gif)");
				$('.sub40').css("background-image", "url(menu-images/MODELLEN.gif)");
				
	
				});
				
				$('.goto_werk').click(
			function () {
				$('.sub1').css("background-image", "url(menu-images/HOME.gif)");
				$('.sub2').css("background-image", "url(menu-images/DIENSTEN.gif)");
				$('.sub3').css("background-image", "url(menu-images/WERKWIJZE.gif)");
				$('.sub4').css("background-image", "url(menu-images/MODELLEN.gif)");
				$('.sub6').css("background-image", "url(menu-images/CONTACTH.gif)");
				$('.sub5').css("background-image", "url(menu-images/PORTFOLIO.gif)");
				$('.sub10').css("background-image", "url(menu-images/HOME.gif)");
				$('.sub20').css("background-image", "url(menu-images/DIENSTEN.gif)");
				$('.sub30').css("background-image", "url(menu-images/WERKWIJZE.gif)");
				$('.sub60').css("background-image", "url(menu-images/CONTACTH.gif)");
				$('.sub50').css("background-image", "url(menu-images/PORTFOLIO.gif)");
				$('.sub40').css("background-image", "url(menu-images/MODELLEN.gif)");
				
				});
				
					$('.goto_contact').click(
			function () {
				$('.sub1').css("background-image", "url(menu-images/HOME.gif)");
				$('.sub2').css("background-image", "url(menu-images/DIENSTEN.gif)");
				$('.sub3').css("background-image", "url(menu-images/WERKWIJZE.gif)");
				$('.sub4').css("background-image", "url(menu-images/MODELLEN.gif)");
				$('.sub6').css("background-image", "url(menu-images/CONTACT.gif)");
				$('.sub5').css("background-image", "url(menu-images/PORTFOLIOH.gif)");
				$('.sub10').css("background-image", "url(menu-images/HOME.gif)");
				$('.sub20').css("background-image", "url(menu-images/DIENSTEN.gif)");
				$('.sub30').css("background-image", "url(menu-images/WERKWIJZE.gif)");
				$('.sub60').css("background-image", "url(menu-images/CONTACT.gif)");
				$('.sub50').css("background-image", "url(menu-images/PORTFOLIOH.gif)");
				$('.sub40').css("background-image", "url(menu-images/MODELLEN.gif)");
				
				});
				
	
				
				
				
		
		$('#navlist2 li:nth-child(5)').ready(
		
			function () {
				$('#pijlgeel1').stop().delay(200).animate({'backgroundPosition': '110px 150px'}, {duration:1500});});
				
				$('#navlist2 li:nth-child(5)').ready(
			function () {
				$('#pijlgeel2').stop().delay(800).animate({'backgroundPosition': '180px 0px'}, {duration:1500});});
				
				$('#navlist2 li:nth-child(5)').ready(
			function () {
				$('#pijlgeel3').stop().delay(1600).animate({'backgroundPosition': '135px 50px'}, {duration:1500});});
				
				$('#navlist2 li:nth-child(5)').ready(
			function () {
				$('#pijlgeel4').stop().delay(2400).animate({'backgroundPosition': '00px 40px'}, {duration:1500});});
			
			
		$('#navlist2 li:nth-child(5)').ready(
			function () {
				$('#pijlzwart1').stop().delay(200).animate({'backgroundPosition': '175px 55px'}, {duration:1000});});
				
					$('#navlist2 li:nth-child(5)').ready(
			function () {
				$('#pijlzwart2').stop().delay(800).animate({'backgroundPosition': '270px 45px'}, {duration:1000});});
				
				$('#navlist2 li:nth-child(5)').ready(
			function () {
				$('#pijlzwart3').stop().delay(1600).animate({'backgroundPosition': '150px 50px'}, {duration:1000});});
				
				$('#navlist2 li:nth-child(5)').ready(
			function () {
				$('#pijlzwart4').stop().delay(2400).animate({'backgroundPosition': '205px 70px'}, {duration:1000});});
				
				
				$('#navlist2 li:nth-child(4)').ready(
			function () {
				$('#pijlzwart').stop().animate({'backgroundPosition': '1210px 95px'}, {duration:600});});
				
				
	
				
			
				
				
					$('.legenda-item1').click(
			function () {
						$('#routemapbox').css("background-image", "url(zoomlightpark.gif)");
				$('#routemap').hide();
				$("#routemap").delay(500).fadeIn(1000);
				$('#routemap').css("background-image", "url(parkeren.gif)");
					$('.columnwrap').hide();
				$('.columnwrap').delay(300).fadeIn(600);
				$('.columnwrap').load("parkeren.html")
				});
			
			
				
				$('.legenda-item2').click(
			function () {
				$('#routemapbox').css("background-image", "url(Route_Daliz_a.gif)");
				$('#routemap').hide();
				$("#routemap").delay(500).fadeIn(1000);
				$('#routemap').css("background-image", "url(route.gif)")
					$('.columnwrap').hide();
				$(".columnwrap").delay(300).fadeIn(600);
				$('.columnwrap').load("route.html")
				});
				
				$('.legenda-item3').click(
			function () {
				$('#routemapbox').css("background-image", "url(zoomlight.gif)");
				$('#routemap').hide();
				$("#routemap").delay(500).fadeIn(1000);
				$('#routemap').css("background-image", "url(zoom.gif)");
						$('.columnwrap').hide();
				$('.columnwrap').delay(300).fadeIn(600);
					$('.columnwrap').load("vestiging.html")
				})
				
				$('.legenda-item4').click(
			function () {
				$('#routemapbox').css("background-image", "url(Route_Daliz_a.gif)");
				$('#routemap').hide();
				$("#routemap").delay(300).fadeIn(600);
				$('#routemap').css("background-image", "url(Route_Daliz_a.gif)")
				});
				
				
				
		
				//DienstenSliding
				$(".textboxres").delay(2700);
				$(".textboxres").hide();
				$(".textboxres").fadeIn(0600);
				$('.boxgridres.slideright').ready(function(){
					$(".cover", this).stop().animate({left:'-368px'},{queue:false,duration:800});
				}, function() {
					$(".cover", this).stop().animate({left:'-368px'},{queue:false,duration:100});
				});

				
		
				
				$('#zeven').hover(
			function () {
				$('#identiteitli').css("background-image", "url(images/linsiebackblack.png)");
			
	
				}, function() {
					$("#identiteitli").css("background-image", "url(images/linsie.png)");
				
				
				
				})
				
					
				$('#zeven').hover(
			function () {
				
				$('#cartoon').css("background-image", "url(images/cartoonlins.png)");
	
				}, function() {
					
					$('#cartoon').css("background-image", "url(images/cartoon.png)");
				
				
				})
				
				
				
				$('#dave').hover(
			function () {
				$('#identiteitda').css("background-image", "url(images/davebackblack.png)");
				
				}, function() {
					$("#identiteitda").css("background-image", "url(images/daveback.png)");
					
				
				})
				
					
				$('#dave').hover(
			function () {
				
				$('#cartoon').css("background-image", "url(images/cartoondavebasis.png)");
	
				}, function() {
					
					$('#cartoon').css("background-image", "url(images/cartoon.png)");
				
				
				})
				
				
					$('#moniek').hover(
			function () {
				$('#identiteitmo').css("background-image", "url(images/moniekbackblack.png)");
				
				}, function() {
					$("#identiteitmo").css("background-image", "url(images/moniekback.png)");
					
				
				})
				
					
				$('#moniek').hover(
			function () {
				
				$('#cartoon').css("background-image", "url(images/cartoonmoniekbasis.png)");
	
				}, function() {
					
					$('#cartoon').css("background-image", "url(images/cartoon.png)");
				
				
				})
				
				
				$('.goto_dienst').click(
			function () {
			
				$('.auto').stop().delay(800).animate({'backgroundPosition': '930px 00px'}, {duration:600});	})
				
			
	
	$('.goto_research').click(
			function () {
			
				$('.auto2').stop().delay(1400).animate({'backgroundPosition': '340px 0px'}, {duration:600});	})
				
	$('.goto_model').click(
				function () {
		$('.object').stop().delay(1400).animate({'backgroundPosition': '0px 0px'}, {duration:3500});  })
	
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//Vertical Sliding
				$('.boxgridweb.slidedown').hover(function(){
					$(".cover", this).stop().animate({top:'-260px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
				});
				//Horizontal Sliding
				$('.boxgridweb.slideright').hover(function(){
					$(".cover", this).stop().animate({left:'-568px'},{queue:false,duration:800});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:100});
				});
				//Diagnal Sliding
				$('.boxgridweb.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'260px', left:'325px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				});
				//Partial Sliding (Only show some of background)
				$('.boxgridweb.peek').hover(function(){
					$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
				});
				//Full Caption Sliding (Hidden to Visible)
				$('.boxgridweb.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'260px'},{queue:false,duration:160});
				});
				//Caption Sliding (Partially Hidden to Visible)
				$('.boxgridweb.caption').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
				});
				
								//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//Vertical Sliding
				$('.boxgrid.slidedown').hover(function(){
					$(".coverhome", this).stop().animate({top:'-400px'},{queue:false,duration:300});
				}, function() {
					$(".coverhome", this).stop().animate({top:'0px'},{queue:false,duration:300});
				});
				//Horizontal Sliding
				$('.boxgrid.slideright').hover(function(){
					$(".coverhomeX", this).stop().animate({left:'-420px'},{queue:false,duration:800});
				}, function() {
					$(".coverhomeX", this).stop().animate({left:'0px'},{queue:false,duration:100});
				});
				
			
				
				
				//Diagnal Sliding
				$('.boxgrid.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'260px', left:'325px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				});
				//Partial Sliding (Only show some of background)
				$('.boxgrid.peek').hover(function(){
					$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
				});
				//Full Caption Sliding (Hidden to Visible)
				$('.boxgrid.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'260px'},{queue:false,duration:160});
				});
				//Caption Sliding (Partially Hidden to Visible)
				$('.boxgrid.caption').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
				});
				
				
				$('#slider1').nivoSlider({ pauseTime:2500, pauseOnHover:false });
	setTimeout(function(){
		$('#slider2').nivoSlider({ pauseTime:5000, pauseOnHover:false });
	}, 1000);
	setTimeout(function(){
		$('#slider3').nivoSlider({
			pauseTime:5000,
			pauseOnHover:false,
			controlNavThumbs:true
		});
	}, 2000);
	setTimeout(function(){
		$('#slider4').nivoSlider({
			effect:'random',
			animSpeed:1500,
			pauseTime:5000,
			startSlide:2,
			directionNav:false,
			controlNav:true,
			keyboardNav:false,
			pauseOnHover:false
		});
	}, 3000);
	
	});