// JavaScript Document
$(function(){
$('.but')
	.css( {backgroundPosition: "0 0"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 -150px)"}, 
			{duration:120})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 0)"}, 
			{duration:120})
		})
	.click(function(){	
	$("#butwrapper").animate({ 
   	opacity: 'hide'
  }, 0 );
   $(".bottomcontentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );
  $("#closebutton").animate({ 
   	opacity: 'show'
  }, 600 );
  
  })
		});
$(function(){
$('#logo, #closebutton')
	.click(function(){	
	$("#butwrapper").animate({ 
   	opacity: 'show'
  }, 600 );
  $(".contentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );
   $(".bottomcontentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );
  $(".error").animate({ 
   	opacity: 'hide'
  }, 0 );
  $("#closebutton").animate({ 
   	opacity: 'hide'
  }, 0 );
  })
		});
$(function(){
$('#buthypotheek-groen')
	.click(function(){	
  $("#hypocontent").animate({ 
   	opacity: 'show'
  }, 600 );
  })
		});
$(function(){
$('#butbeleggen-groen')
	.click(function(){	
  $("#beleggencontent").animate({ 
   	opacity: 'show'
  }, 600 );
  })
		});
$(function(){
$('#butvermogen-groen')
	.click(function(){	
  $("#vermogencontent").animate({ 
   	opacity: 'show'
  }, 600 );
  })
		});
$(function(){
$('#butverzekeren-groen')
	.click(function(){	
  $("#verzekerencontent").animate({ 
   	opacity: 'show'
  }, 600 );
  })
		});
$(function(){
$('#butmakelaar-groen')
	.click(function(){	
  $("#makelaarcontent").animate({ 
   	opacity: 'show'
  }, 600 );
  })
		});
$(function(){
$('#contactbutton, .contactclick')
	.click(function(){
	$(".contentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );	
  $(".bottomcontentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );
  $("#contactcontent").animate({ 
   	opacity: 'show'
  }, 600 );
  $("#orderformthnx").animate({ 
   	opacity: 'hide'
  }, 0 );
  $("#orderform").animate({ 
   	opacity: 'show'
  }, 0 );
  $("#closebutton").animate({ 
   	opacity: 'show'
  }, 600 );
  $("#butwrapper").animate({ 
   	opacity: 'hide'
  }, 0 );
  })
		});
$(function(){
$('#overonsbutton')
	.click(function(){
	$(".contentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );	
  $(".bottomcontentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );
  $("#overonscontent").animate({ 
   	opacity: 'show'
  }, 600 );
  $("#closebutton").animate({ 
   	opacity: 'show'
  }, 600 );
  $("#butwrapper").animate({ 
   	opacity: 'hide'
  }, 0 );
  })
		});
$(function(){
$('#partnersbutton')
	.click(function(){
	$(".contentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );
  $(".bottomcontentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );	
  $("#partnerscontent").animate({ 
   	opacity: 'show'
  }, 600 );
  $("#closebutton").animate({ 
   	opacity: 'show'
  }, 600 );
  $("#butwrapper").animate({ 
   	opacity: 'hide'
  }, 0 );
  })
		});
$(function(){
$('#ervaringbutton')
	.click(function(){
	$(".contentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );	
  $(".bottomcontentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );
  $("#ervaringcontent").animate({ 
   	opacity: 'show'
  }, 600 );
  $("#closebutton").animate({ 
   	opacity: 'show'
  }, 600 );
  $("#butwrapper").animate({ 
   	opacity: 'hide'
  }, 0 );
  })
		});
//hide content on startup
$(function(){
  $(".contentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );
  $(".bottomcontentdiv").animate({ 
   	opacity: 'hide'
  }, 0 );
  $("#closebutton").animate({ 
   	opacity: 'hide'
  }, 0 );
		});