$(document).ready(function(){

	$("div.home").hover(
	  function () {
	  $(this).css({cursor:"hand"});
	   $("div.subnavshow").css({display:"none"});	 
	    $("#transblock").css({width:"100px",left:"469px"});
	    $("#dots").css({width:"390px"});
	    $("#footerblock").css({width:"100px",left:"469px"});	    
	    
	  },
	  function () {
	      $("#transblock").css({width:"0px"});
	      $(this).find("div").css({display:"none"});
	  }
	);
	

/*	--------------------	*/
	

	$("div.dienstverlening").hover(
	  function () {
	  $("div.subnavshow").css({display:"none"});
	    $(this).css({height:"120px"});
	    $("#transblock").css({width:"100px",left:"569px"});
	    $("#dots").css({width:"489px"});
	    $("#footerblock").css({width:"100px",left:"569px"});	
	    $(this).find("div").css({display:"block"});	   
	    
	    
	  },
	  function () {
	      $("#transblock").css({width:"0px"});
	      $(this).find("div").css({display:"none"});	   

	  
	  }
	);
	

/*	--------------------	*/
	

	$("div.corbexx").hover(
	  function () {
	  $("div.subnavshow").css({display:"none"});
	    $(this).css({height:"120px"});
	    $("#transblock").css({width:"100px",left:"669px"});
	    $("#dots").css({width:"589px"});
	    $("#footerblock").css({width:"100px",left:"669px"});	
	    $(this).find("div").css({display:"block"});	   
	   
	    
	    
	  },
	  function () {
	      $("#transblock").css({width:"0px"});
	      $(this).find("div").css({display:"none"});
	  
	  }
	);

/*	--------------------	*/



	$("div.werken-bij").hover(
	  function () {
	  $("div.subnavshow").css({display:"none"});
	    $(this).css({height:"120px"});
	    $("#transblock").css({width:"100px",left:"769px"});
	    $("#dots").css({width:"689px"});
	    $("#footerblock").css({width:"100px",left:"769px"});	
	    $(this).find("div").css({display:"block"});	   
	   
	    
	    
	  },
	  function () {
	      $("#transblock").css({width:"0px"});
	      $(this).find("div").css({display:"none"});
	  
	  }
	);


/*	--------------------	*/



	$("div.informatie").hover(
	  function () {
	  $("div.subnavshow").css({display:"none"});
	    $("#transblock").css({width:"100px",left:"869px"});
	    $("#dots").css({width:"789px"});
	    $("#footerblock").css({width:"100px",left:"869px"});	
	    $(this).find("div").css({display:"block"});	   
	   
	    
	    
	  },
	  function () {
	      $("#transblock").css({width:"0px"});
	      $(this).find("div").css({display:"none"});
		}
	);
	



	

	

});