$(document).ready(function() {
	var target = $("#brochureAanvraag");
	$("#broWoonRuimte").click(function() {
		showWoning();
	});
	
	$("#broBOG").click(function() {
		showBOG();
	});
	
	$("#brochureAanvraag a").click(function() {
		target.css("display", "none");
	});
	
	var showBOG = function() {
		target.css({
			display: 'block',
			top: '515px',
			left: '220px'
		});
		
		// Juiste makelaars groep
		$("#makelaarsWoningenGrp, #makelaarsBOGGrp").css("display", "none");
		$("#makelaarsBOGGrp, #bedrijfGroup").css("display", "block");
	};
	
	var showWoning = function() {
		target.css({
			display: 'block',
			top: '515px',
			left: '50px'
		});
		
		// Juiste makelaars groep
		$("#makelaarsWoningenGrp, #makelaarsBOGGrp, #bedrijfGroup").css("display", "none");
		$("#makelaarsWoningenGrp").css("display", "block");
	};
	
	var myFile = document.location.toString();
	if (myFile.match('#')) { 
	  var myAnchor = '#' + myFile.split('#')[1];
	  if(myAnchor == "#brochureWoonruimte") {
		  showWoning();
	  }
	  if(myAnchor == "#brochureBedrijfsruimte") {
		  showBOG();
	  }
	  $("#brNaam").focus();
	}
	
	
	$("#sendBrochure").validate();
});