https://www.trielingjacobs.nl/extended/versie_816.79-3d6e83a7b/datum_1791488614000/bmw/js/makelaartemplate.js

1window.isGoogleTranslate = window.location.host === "translate.googleusercontent.com";
2
3// portaal code
4jQuery(document).ready(function() {
5	var oPortal = jQuery('.enableportal');
6	if (oPortal.length == 0) {
7		return;
8	}
9	if (oPortal.hasClass('fromportal')) {
10		setCookie('skipportal', 'true');
11		return;
12	}
13	if (getCookie('skipportal') == 'true') {
14		return;
15	}
16	if (window.location.pathname != '/') {
17		return;
18	}
19	window.location.href = '/portaal/';
20});
21// eind portaal code
22
23$(document).ready(function(){
24	$(" .medewerkers3 .emailImg, .medewerkers3 .telefoonImg, .medewerkers3 .mobielImg").hover(function(){
25//		resetContactLabels($(this));
26		$(this).children().stop().slideToggle();
27	})
28	
29	//Jquery UI rotator
30	if(window.location.search.indexOf('norandom=true') == 1){
31		$(".bannerTabsList").tabs().tabs("rotate", 0, true);
32		$(".bannerTabsSlider").tabs().tabs("rotate", 0, true);
33	} else{
34		$(".bannerTabsList").tabs().tabs("rotate", 5000, true);
35		$(".bannerTabsSlider").tabs().tabs("rotate", 5000, true);
36	}
37	$(".contactContent").tabs({fx:{opacity: "toggle"}});
38	
39	
40	// "Lees meer" knopjes detailpagina
41	$(".readMore").click(function(){
42		var href = $(this).attr("href");
43		$(".tabMenuItem").find("a[href='"+href+"']").click();
44		return false;
45	});
46	$(".inschrijvenButton").click(function() {
47		jQuery('#tabItem_Inschrijven').click();
48		return false;
49	});
50	$(".reagerenButton").click(function() {
51		jQuery('#tabItem_Reageren').click();
52//		return false;
53	});
54	
55	$(".verkopendevestiging-email").click(function() {
56		jQuery('#tabItem_Reageren').click();
57		return false;
58	});
59	
60	//In IE8 werken de clickhandlers op de selectbox niet clickhandlers werken ook niet met googleTranslate.
61	if (navigator.userAgent.indexOf("MSIE 8.0") == -1 && getCookie("currentLang", "nl") == "nl") {
62		//Hier willen we geen jquery.selectbox.
63		$('select').not(
64				".inschrijfformulier #cities, " +
65				".inschrijfformulier #selectedCities," +
66				".plaatsenselect select," +
67				"select[multiple]," +
68				".daycolumn," +
69				".monthcolumn," +
70				".yearcolumn," +
71				"#cbs_type," +
72				"#cbs_compare_1," +
73				"#cbs_compare_2").selectBox();
74	}
75
76	setTimeout(function() {
77		jQuery('.imageSliderBlok .objectFoto').each(function(){
78			jQuery(this).find('.main_image').wrap(jQuery(this).children('a')[0]);
79			
80		});
81	}, 0);
82	setTimeout(gotoAnchor, 0);
83	
84	
85	//Inschrijfformulier departmentselect
86	if (jQuery(".vestigingSelect").size() > 0) {
87		var vestigingSelect = jQuery(".vestigingSelect #inschrijvingDepId");
88		jQuery(".inschrijfformulier input").click(function(){
89			if (vestigingSelect.val() == "") {
90				alert("Kies eerst een vestiging");
91			}
92		})
93		
94		vestigingSelect.change(function(){
95			var departmentId = jQuery(this).val();
96			if (!departmentId == "") {
97				window.location.href = "?inschrijvingDepId=" + departmentId;
98			} else {
99				window.location.href = ".";
100			}
101		});
102		
103		jQuery(".inschrijfformulier").bind("submit", function(){
104				if ($(".vestigingSelect #inschrijvingDepId").val() == '') {
105					alert("Maak een keuze bij 'Vestiging'");
106					return false;	
107				}
108		});
109	}
110	//Inschrijfnieuwbouwformulier departmentselect
111	if (jQuery(".vestigingSelect").size() > 0) {
112		var vestigingSelect = jQuery(".vestigingSelect #departmentid");
113		jQuery(".nieuwbouwInschrijfForm input").click(function(){
114			if (vestigingSelect.val() == "") {
115				alert("Kies eerst een vestiging");
116			}
117		})
118		jQuery(".nieuwbouwInschrijfForm").bind("submit", function(){
119			if (vestigingSelect.val() == '') {
120				alert("Maak een keuze bij 'Vestiging'");
121				return false;
122			}
123		});
124	}
125	//Inschrijfhuurformulier departmentselect
126	if (jQuery(".departmentSelect").size() > 0) {
127		var vestigingSelect = jQuery(".departmentSelect #departmentid");
128		jQuery(".vgmInschrijfForm input").click(function(){
129			if (vestigingSelect.val() == "") {
130				alert("Kies eerst een vestiging");
131			}
132		})
133		jQuery(".vgmInschrijfForm").bind("submit", function(){
134			if (vestigingSelect.val() == '') {
135				alert("Maak een keuze bij 'Vestiging'");
136				return false;
137			}
138		});
139	}
140
141	//Fancybox
142	jQuery("a[rel='fotosoverzicht'],a[rel='tabbouwtypes']").fancybox({
143		'type' : 'image',
144		'prevEffect' : 'none',
145		'nextEffect' : 'none',
146		buttons : [
147			'slideShow',
148			'fullScreen',
149			'thumbs',
150			'close'
151		],
152		thumbs : {
153			axis: 'x'
154		},
155	});
156	jQuery("a[rel='fotos']").fancybox({
157		'type' : 'image',
158		'prevEffect' : 'none',
159		'nextEffect' : 'none',
160		buttons : [
161			'slideShow',
162			'fullScreen',
163			'thumbs',
164			'close'
165		],
166		thumbs : {
167			axis: 'x'
168		},
169		onInit: function (instance) {
170					/*
171					 * Op objectpresentatie zit de hoofdfoto samen met de andere foto's in 1 relgroup. Hierdoor heb je
172					 * 2 dezelfde foto's. Verwijder de Hoofdfoto uit de group zodat er geen dubbele hoofdfoto's meer hebt in de rel group.
173					 * Zet vervolgens de index op -1 zodat de index weer klopt!
174					 */
175					if (instance.group.length > 1) {
176						if (instance.group[0].href == instance.group[1].href) {
177							this.group.splice(0, 1);
178							for (image in this.group) {
179								instance.group[image].index--;
180							}
181							if (instance.currIndex > 0) {
182								instance.currIndex--;
183							}
184						}
185					}
186				}
187	});
188	jQuery("a[rel='plan'],a[rel='bekijkComplexTypes']").fancybox({
189		'type' : 'iframe',
190		'prevEffect' : 'none',
191		'nextEffect' : 'none',
192		buttons : [
193			'slideShow',
194			'fullScreen',
195			'thumbs',
196			'close'
197		],
198		thumbs : {
199			axis: 'x'
200		}
201	});
202
203	jQuery("a.aankomendaanbod_interesse_form").fancybox({
204		type: 'iframe',
205		iframe: {
206			preload : false,
207			css: {
208				maxWidth: '950px'
209			}
210		},
211		buttons : [
212			'fullScreen',
213			'close'
214		]
215	});
216	jQuery("a[href='/privacy/']").fancybox({
217		type: 'iframe',
218		iframe: {
219			preload : false,
220			css: {
221				maxWidth: '950px'
222			}
223		},
224		buttons : [
225			'fullScreen',
226			'close'
227		]
228	});
229	
230	//Pas volgorde van googlemap en streetview aan in vestigingvariant3.
231	jQuery('.vestiging3 .googlemapContainer').each(function(i, o) {
232		var oCon = jQuery(o);oCon.children('.googlemap').remove().appendTo(oCon);
233	});
234
235	setMinHeightContactPageForm();
236});
237
238
239/*
240 * Voorkomt dat de vestigingen op de contactpagina onder het contactformulier verdwijnen.
241 * 
242 * -- Wanneer men meer dan een bepaald aantal vestigingen heeft, kan de totale lengte van de
243 * -- vestigingenkolom aan de rechterkant langer worden dan de lengte van het contactformulier. 
244 * -- Dit heeft als gevolg dat vestigingsblokken ruimte zien om aan de linker kant in te schuiven.
245 */
246function setMinHeightContactPageForm() {
247	if (!jQuery( "#body.page-contact " ).length) {
248		return;
249	}

250	if (jQuery(window).width() <= 960) {
251		jQuery('.contact-blokcontactform').css("min-height", '');
252		return;
253	}
254	var requiredContactFormHeight = 0;
255	var blokken = document.getElementsByClassName("contact-blokcontact");
256	
257	for (var i = 0; i < blokken.length; i ++) {
258		requiredContactFormHeight += jQuery(blokken.item(i)).outerHeight(true);
259	}
260	
261	requiredContactFormHeight += jQuery('.contact-blokmaps').outerHeight(true);
262	
263	jQuery('.contact-blokcontactform').css("min-height", requiredContactFormHeight);
264}
265
266/*
267 * TODO Dit kan mogelijk efficienter
268 * Zit er in om als je een window van heel small (1breed) verbreed naar bijvoorbeeld 
269 * 3 breed schuiven de blokken niet meer goed aan.
270 */ 
271jQuery(function(){
272	jQuery(window).resize(function() {
273		setMinHeightContactPageForm();
274		updateMasonry();
275	});
276})
277
278function getResizedFancyBoxImage(url, imageMaxHeight, imageMaxWidth) {
279	if (url.indexOf('width') > -1) {
280		url = url.replace(/(resize=)[^\&]+/, '$1' + '1'); // update the resize
281		url = url.replace(/(width=)[^\&]+/, '$1' + imageMaxWidth); // update the width
282		url = url.replace(/(height=)[^\&]+/, '$1' + imageMaxHeight); // update the height
283	} else {
284		url = url.replace(/(resize=)[^\&]+/, '$1' + "1&width="+imageMaxWidth+"&height="+imageMaxHeight); // update the resize
285
286	}
287	
288	return url;
289}
290
291function initFloorplanner() {
292	var iframe = $("#floorplanner iframe");
293	if (iframe.data('src')) {
294		iframe.prop('src', iframe.data('src')).data('src', false);
295	}
296}
297
298function initVirtueleTour(){
299	var iframe = $("#virtueletour iframe");
300	if (iframe.length > 1) {
301		$("#virtueletour iframe").map(function() {
302			$(this).prop('src', $(this).data('src')).data('src', false);
303		});
304	} else {
305		if (iframe.data('src')) {
306			iframe.prop('src', iframe.data('src')).data('src', false);
307		}
308	}
309}
310$(document).ready(function() {
311	var body = jQuery("#body");
312	if (body.hasClass("page-presentatie")) {
313		isMediaUrlAnchored();
314	}
315
316	function isMediaUrlAnchored() {
317		if (location.hash == "#3D_Plattegrond") {
318			initFloorplanner();
319		} else if (location.hash == "#Virtuele_Tour") {
320			initVirtueleTour();
321		}
322	}
323});
324
325function initPanorama(){
326	var iframe = $("#panorama iframe");
327	iframe.remove();
328	iframe.appendTo("#panorama");
329		
330}
331
332function gotoAnchor() {
333	var hash = window.location.hash;
334	if (hash == '') {
335		return;
336	}
337	var oElem = jQuery('*[name="' + hash.substring(1) + '"]');
338	var oTab = oElem.closest('.ui-tabs-panel');
339	var oTabHandler = jQuery('#tabItem_' + oTab.attr('id'));
340	oTabHandler.click();
341	oElem.click();
342}
343
344function videoCallBack(video){
345	video.fancybox({
346		width		: '90%',
347		height		: '90%',
348		maxWidth	: 850,
349		maxHeight	: 480,
350		type 		: 'iframe',
351		openEffect	: 'none',
352		closeEffect	: 'none',
353		arrows		: false,
354		buttons : [
355			'slideShow',
356			'thumbs',
357			'close'
358		],
359		iframe: {
360			preload : false,
361		}
362	});
363}
364
365//spotlight
366jQuery(function() {
367	
368	var windowWidth = $(".spotlightBlok .absolute").outerWidth();
369	var elementWidth = $(".spotlightBlok .absolute li:first-child").outerWidth(true);
370	var numberOfElements = Math.round(windowWidth / elementWidth);;
371	
372	function toggleButtons(e, li) {
373		var spotlightIdentifier = "#" + jQuery(e.target).closest(".spotlight").attr('id') + ".spotlight";
374		var position = 0;
375		$(spotlightIdentifier + " li").each(function(index ,element) {
376			if (li == element) {
377				position = index;
378				return true;
379			}
380		});
381	}
382	
383
384	//Gebruik hier de div selector. Anders pakt hij ook .spotlight van het menu omdat er een menu-item is genaamt spotlight. Dit heeft ook de
385	//class spotlight.	
386	jQuery('div.spotlight').each(function(i, o) {
387		var id = jQuery(o).attr('id');
388		
389		var scrollElement = jQuery('#' + id + ' .absolute');
390		var scrollInterval = 0;
391		
392		if (jQuery(o).hasClass('auto-cycle') && window.location.search.indexOf('norandom=true') != 1) {
393			scrollInterval = 5000;
394		}
395		
396		scrollElement.serialScroll({
397			items:'li',
398			prev:'#' + id + ' div.vorige',
399			next:'#' + id + ' div.volgende',
400			force:true,
401			stop:true,
402			lock:true,
403			cycle:true,
404			interval: scrollInterval,
405			easing:'easeOutQuart',
406			onBefore: toggleButtons,
407			exclude: numberOfElements - 1
408		});
409	});
410});
411
412
413$(document).ready(function(){  
414	
415	var iOS = /iPad|iPhone|iPod/.test( navigator.userAgent );
416	
417	$(".boxgrid.caption").hover(function(){  
418		$(".cover", this).stop().animate({top:"0px"},{queue:false,duration:250});
419		$(".cover .tooltip_telefoon").css("display","none");
420		$(".cover .tooltip_mobiel").css("display","none");
421		$(".cover .tooltip_email_medewerker").css("display","none");
422	}, function() {  
423		$(".cover", this).stop().animate({top:"330px"},{queue:false,duration:250});
424	}); 
425	
426	$(".boxgrid .tooltip_telefoon, .boxgrid .tooltip_mobiel, .boxgrid .tooltip_email_medewerker").css("display","none");
427	
428	if (iOS) {
429		$(".boxgrid .email_medewerker", this).click(function() {
430			var parent = $(this).parent();
431			parent.find(".tooltip_email_medewerker").toggle();
432			parent.find(".tooltip_telefoon").css("display","none");
433			parent.find(".tooltip_mobiel").css("display","none");
434		}); 
435		$(".boxgrid .telefoon", this).click(function() {
436			var parent = $(this).parent();
437			parent.find(".tooltip_telefoon").toggle();
438			parent.find(".tooltip_mobiel").css("display","none");
439			parent.find(".tooltip_email_medewerker").css("display","none");
440		}); 
441		$(".boxgrid .mobiel", this).click(function() {
442			var parent = $(this).parent();
443			parent.find(".tooltip_mobiel").toggle();
444			parent.find(".tooltip_telefoon").css("display","none");
445			parent.find(".tooltip_email_medewerker").css("display","none");
446		}); 
447	} else {
448		$(".boxgrid .email_medewerker", this).mouseenter(function() {
449			$(this).parent().find(".tooltip_email_medewerker").css("display","inline-block");
450		}); 
451		$(".boxgrid .telefoon", this).mouseenter(function(){  
452			$(this).parent().find(".tooltip_telefoon").css("display","inline-block");
453		}); 
454		$(".boxgrid .mobiel", this).mouseenter(function(){  
455			$(this).parent().find(".tooltip_mobiel").css("display","inline-block");
456		}); 
457		$(".boxgrid .email_medewerker", this).mouseleave(function(){  
458			$(this).parent().find(".tooltip_email_medewerker").css("display","none");
459		}); 
460		$(".boxgrid .telefoon", this).mouseleave(function(){  
461			$(this).parent().find(".tooltip_telefoon").css("display","none");
462		}); 
463		$(".boxgrid .mobiel", this).mouseleave(function(){  
464			$(this).parent().find(".tooltip_mobiel").css("display","none");
465		});
466	}
467
468});
469
470
471function addGoogleAnalyticsEvent(eventCategory, eventAction, eventLabel) {
472	if (typeof ga === 'function') {
473		ga(function() {
474			var trackers = ga.getAll();

475			trackers.forEach(function(tracker) {
476				tracker.send('event',  {
477					'eventCategory': eventCategory,
478					'eventAction': eventAction,
479					'eventLabel' : eventLabel
480				});
481			});
482		});
483	};
484}
485
486function customSuccesHandle(data, jForm) {
487	var msg = "";
488	if (data.resultMessage) {
489		msg = data.resultMessage;
490	} else if (!data.landingPage) {
491		msg = "De aanvraag is succesvol verwerkt!"
492	}
493	
494	var html = '<div class="succesmessage"> '+ msg +' </div>';
495	
496	$(jForm).parent().prepend(html);
497	$(jForm).hide()
498	
499	if ($(jForm).closest('.blokLayout').length != 0) {
500		eval('applyMasonry' + $(jForm).closest('.blokLayout').attr('id') + '();');
501	}
502	
503	var label = $(jForm).attr('name');
504	if (!label) {
505		label = $(jForm).attr('id');
506	}
507	
508	addGoogleAnalyticsEvent('Formulier', 'Verstuurd', label);
509	
510	$(jForm).resetForm();
511}
512
513function customSuccesHandleBrochureLandingspage(data, jForm) {
514	var url = "bedankt-voor-uw-brochure-aanvraag/";
515	customSuccesHandleForm(data, jForm, url);
516
517}
518function customSuccesHandleCommentLandingspage(data, jForm) {
519	var url = "bedankt-voor-het-reageren/";
520	customSuccesHandleForm(data, jForm, url);
521}
522
523function customSuccesHandleAankomendAanbod() {
524	parent.jQuery.fancybox.getInstance().close();
525}
526
527function customSuccesHandleForm(data, jForm, url) {
528	url = location.protocol+'//'+location.host+location.pathname + url;
529	jQuery("<a href=\"" + url + "\"/>").fancybox({
530		type 		: 'iframe',
531		openEffect	: 'none',
532		closeEffect	: 'none',
533		arrows		: false,
534		buttons : [
535			'close'
536		],
537		iframe: {
538			preload : false,
539			css: {
540				width: 900,
541				height: 250,
542			}
543		}, 
544	}).click();
545	$(jForm).resetForm();
546}
547
548$(document).ready(function(){
549	$(".al1 .objectblok").mouseenter(function() {
550		$(this).find(".mediaiconscontent").addClass("mediaiconscontentHover");
551	});
552	$(".al1 .objectblok").mouseleave(function() {
553		$(this).find(".mediaiconscontent").removeClass("mediaiconscontentHover");
554	});
555	$('.objectstatus DIV').each(function(index) {
556		$(this).prepend("<span></span>");
557		
558	});
559	
560	$('.page-home .spotlight li .spotlightObject').each(function(index) {
561		fixStatusOverlay(this);
562	});
563	
564	/* Deze smerige hack is om in thema c aanbodpresentatie het flapje goed te fixen. */
565	var objectstatus = $('.hoofdfotoContainer .spotlight-invisible.objectstatus.theme-c');
566	if (objectstatus) {
567		var hoofdfoto = $('.hoofdfotoContainer .hoofdfoto');
568		var hoofdfotoimg = hoofdfoto.find('img');
569		hoofdfoto.append('<div class="hoofdfoto-wrapper"></div>');
570		
571		var hoofdfotowrapper = hoofdfoto.find('.hoofdfoto-wrapper'); // In deze wrapper moeten alle elementen komen
572		objectstatus.remove();
573		hoofdfotoimg.remove();
574		hoofdfotowrapper.append(objectstatus);
575		hoofdfotowrapper.append(hoofdfotoimg);
576	}
577	/* Einde thema c flap hack */
578	
579	function fixStatusOverlay(elem) {
580		$(elem).prepend("<div class='statuswrapper'></div>");
581		var objectstatus = $(elem).find('.objectstatus');
582		var wrapper = $(elem).find('.statuswrapper');
583		objectstatus.appendTo(wrapper);
584		
585		var objectstatusdiv = $(elem).find('.objectstatus div');
586		if (objectstatusdiv.hasClass('verkocht') || 
587				objectstatusdiv.hasClass('verhuurd') ||
588				objectstatusdiv.hasClass('verkochtov') ||
589				objectstatusdiv.hasClass('verhuurdov') ||
590				objectstatusdiv.hasClass('onderbod')) {
591			$(elem).find('.objectstatus').removeClass('spotlight-invisible');
592		};
593	}
594	
595	$(".al3 .vakfoto").prepend( "<div class='vakfotoborderLarge'></div>" );
596	$(".al3 .vakfoto").prepend( "<div class='vakfotoborderSmall'></div>" );
597	
598	$(".presentatie3 #3D_Plattegrond IFRAME").width(628);
599	$(".presentatie3 #3D_Plattegrond IFRAME").height(685);
600	
601	$(".al1 .objectblok").each(function(){
602		if ($(this).find(".rentprice").length > 0 && $(this).find(".saleprice").length > 0) {
603			$(this).find(".rentprice").css({
604				background		:	"none",
605				"line-height"	:	"0px"
606			});
607		}
608	});
609	
610	//Juiste koop/huur zoekformulier tabs selecteren
611	setTimeout(selectKoopHuurTab, 0);
612	
613	if (jQuery(".zwart_balk").size() == 1) {
614		var mDropDown = jQuery(".zwart_balk .menuZoekFormDropDown select");
615		var koopHuurVal = mDropDown.val();
616		themeCkoopHuurSelect(koopHuurVal);
617		mDropDown.change(function() {
618			themeCkoopHuurSelect(jQuery(this).val());
619		});
620	}
621});
622
623function themeCkoopHuurSelect(koopHuurVal) {
624	if (koopHuurVal === "Beide") {
625		jQuery(".blok_zoeken .huurContainer,.blok_zoeken .koopContainer").hide();
626		jQuery(".blok_zoeken .beideContainer").show();
627	} else if (koopHuurVal === "Koop") {
628		jQuery(".blok_zoeken .beideContainer,.blok_zoeken .huurContainer").hide();
629		jQuery(".blok_zoeken .koopContainer").show();
630	} else if (koopHuurVal === "Huur") {
631		jQuery(".blok_zoeken .beideContainer,.blok_zoeken .koopContainer").hide();
632		jQuery(".blok_zoeken .huurContainer").show();
633	}
634}
635
636/**
637 * Selecteer de juiste tab voor het koop/huur formulier
638 */
639function selectKoopHuurTab() {
640	var pathArray = window.location.pathname.split( '/' );
641	for(var i in pathArray) {
642		if (pathArray[i] == "koop") {
643			jQuery(".ogZoekFormTabs #tabItem_Koop").click();
644			break;
645		} else if(pathArray[i] == "huur") {
646			jQuery(".ogZoekFormTabs #tabItem_Huur").click();
647			break;
648		} else if(pathArray[i] == "koop-huur") {
649			jQuery(".ogZoekFormTabs #tabItem_Beide").click();
650			break;
651		}
652	}
653}
654
655function calcRoute(data, jForm){
656	var routeplanner = data.routeplanner;
657	var adr = "";
658	if(data.street != ""){
659		adr = adr + " " + data.street;
660	}
661	if(data.zipcode != ""){
662		adr = adr + " " + data.zipcode;
663	}
664	if(data.city != ""){
665		adr = adr + " " + data.city;
666	}
667	jQuery("#"+ routeplanner+ "_routeform .routefield").val(adr)
668	jQuery("#"+ routeplanner+ "_routeform").submit();
669	
670	setTimeout(function(){
671		jQuery("#"+ routeplanner + "_slide").remove().appendTo(jQuery("#"+ routeplanner).parent());
672	}, 0);
673	
674}
675
676function scrollToAanbodlijst() {
677	if (jQuery("#body.site-theme-h").length || jQuery("#body.site-theme-i").length) {
678		var body = jQuery("#body");
679		if (body.hasClass("page-woningaanbod") ||
680				body.hasClass("page-bedrijfsaanbod") ||
681				body.hasClass("page-alvaanbod") ||
682				body.hasClass("page-nieuwbouwaanbod") || 
683				body.hasClass("page-presentatie")) {
684			setTimeout(function() {
685				var html = jQuery('html, body');
686				var scrollToLoc = jQuery("#bodycontent").offset().top;
687				if (html.scrollTop() < scrollToLoc) {
688					html.animate({
689						scrollTop : scrollToLoc
690					}, 1000);
691				}
692			}, 0);
693		};
694	};
695}
696
697jQuery(document).ready(function () {
698	scrollToAanbodlijst();
699	jQuery('.site-theme-h #header_wrapper a.inloggen').not(jQuery('.inloggen-move')).click(function(event) {
700		event.preventDefault();
701		jQuery( this ).toggleClass('active');
702		jQuery('#top .loginForm').toggle();
703	});
704	var checkWindowInnerWidth = window.innerWidth > 640
705	function addScrollbarThemeH() {
706
707		var cmsContentCSSDeclaration1hoog = {"overflow": "hidden","position": "relative", "height": "370px"}
708		jQuery('.site-theme-h.fullpage-home .blok1van3breed.blok1hoog .cmsContent').css(cmsContentCSSDeclaration1hoog);
709		jQuery('.site-theme-h.fullpage-home .blok2van3breed.blok1hoog .cmsContent').css(cmsContentCSSDeclaration1hoog);
710		jQuery('.site-theme-h.fullpage-home .blok1van2breed.blok1hoog .cmsContent').css(cmsContentCSSDeclaration1hoog);
711
712		var cmsContentCSSDeclaration2hoog = {"overflow": "hidden","position": "relative", "height": "759px"}
713		jQuery('.site-theme-h.fullpage-home .blok1van3breed.blok2hoog .cmsContent').css(cmsContentCSSDeclaration2hoog);
714		jQuery('.site-theme-h.fullpage-home .blok2van3breed.blok2hoog .cmsContent').css(cmsContentCSSDeclaration2hoog);
715		jQuery('.site-theme-h.fullpage-home .blok1van2breed.blok2hoog .cmsContent').css(cmsContentCSSDeclaration2hoog);
716
717		jQuery('.site-theme-h.fullpage-home .blok1van3breed .cmsContent').perfectScrollbar({wheelPropagation: true});
718		jQuery('.site-theme-h.fullpage-home .blok2van3breed .cmsContent').perfectScrollbar({wheelPropagation: true});
719		jQuery('.site-theme-h.fullpage-home .blok1van2breed .cmsContent').perfectScrollbar({wheelPropagation: true});
720	}
721	if(checkWindowInnerWidth){
722		addScrollbarThemeH();
723	}
724	window.addEventListener("resize", function(){
725		if(checkWindowInnerWidth){
726			addScrollbarThemeH();
727		} else {
728			jQuery('.site-theme-h.fullpage-home .cmsBlok .cmsContent').perfectScrollbar("destroy");
729			jQuery('.site-theme-h.fullpage-home .cmsBlok .cmsContent').css({"height": "auto"});
730		}
731	});
732
733	// Perfect scrollbar voor op de homepage blokken
734	// Laatste Video's blok
735	$('.blok.rc10 .homeYoutube').css({"overflow": "hidden","position": "relative"});
736	$('.blok.rc10 .homeYoutube').perfectScrollbar({wheelPropagation: true});
737	
738	// Acuteel blokje // Eruit gehaald, niet met ajax requests dus traag
739	$('.blok.rc10 .activityFeedContainer .rc').css({"overflow": "hidden","position": "relative"});
740	$('.blok.rc10 .activityFeedContainer .rc').perfectScrollbar({wheelPropagation: true});
741	
742	//Nieuwe RSS feed
743	$('.blok.rssFeedBlok .rssFeedContainer .rc').css({"overflow": "hidden","position": "relative"});
744	$('.blok.rssFeedBlok .rssFeedContainer .rc').perfectScrollbar({wheelPropagation: true});
745
746	//Nieuws blok RSS feed
747	$('.blok.nieuwsblok .rssFeedContainer .rc').css({"overflow": "hidden","position": "relative"});
748	$('.blok.nieuwsblok .rssFeedContainer .rc').perfectScrollbar({wheelPropagation: true});
749
750	//Nieuwe Twitter feed
751	$('.blok.twitterBlok .twitter-feed .twitterfeed').css({"overflow": "hidden","position": "relative"});
752	$('.blok.twitterBlok .twitter-feed .twitterfeed').perfectScrollbar({wheelPropagation: true});
753	
754	// Blog en nieuws blok
755	$('.blok.blogblok .blogSection').css({"overflow": "hidden","position": "relative"});
756	$('.blok.nieuwsblok .nieuwsSection').css({"overflow": "hidden","position": "relative"});
757	$('.blok.blogblok .blogSection').perfectScrollbar({wheelPropagation: true});
758	$('.blok.nieuwsblok .nieuwsSection').perfectScrollbar({wheelPropagation: true});
759	
760	// Extra update na 4 seconden omdat de video's en feed soms sloom inladen en dus niet direct bij een mouse over een scrollbar tonen.
761	setTimeout(function(){
762		$('.blok.rc10 .homeYoutube').perfectScrollbar('update');
763		$('.blok.rc10 .activityFeedContainer .rc').perfectScrollbar('update');
764	}, 4000);
765	
766	
767	/* Media icons waar de data-href van bekend is linken daar naar toe */
768	$('.mediaicons > div').click(function(e) {
769		var href = $(this).data("href");
770		if (href) {
771			e.preventDefault();
772			window.location.href = href;
773		}
774	});
775	

776	openParentTab();
777});
778
779// Zorgt ervoor dat de hoofd tab ook geopend wordt als je naar een sub tab linkt.
780// bijvoorbeeld #Plattegronden opent zijn parent tab #Media.
781function openParentTab() {
782	locationHash = location.hash.substring( 1 );
783	// Check heb ik wel een location Hash
784	if (locationHash) {
785		// Check of de location Hash wel bestaat.
786		
787		try {
788			var hash = jQuery('#'+locationHash);
789		} catch (e) {
790			// Bijv. "unrecognized expression" indien facebook refererer met hash "/#.XXXXXXXXX_c.facebook", ga dan door 
791			return;
792		}
793		
794		if (hash.length) {
795			// Check of the location Hash in een tab zit.
796			if (hash.closest(".tabContent").length) {
797				// Pak de index nummer van het tab waar je inzit en activeer vervolgens dat tab.
798				var tabNumber = hash.closest(".tabContent").index();
799				jQuery("#presentatieTabs").parent().tabs({ active: tabNumber, show: false });
800				hash.get(0).scrollIntoView();
801				setTimeout(function() {
802					hash.get(0).scrollIntoView();
803					if (locationHash.indexOf("Bouwtype_") == 0) {
804						hash.find(".subtypesIcon a").click();
805					};
806				}, 1000);
807			};
808		};
809	};
810};
811
812jQuery(function(){
813	jQuery("div.medewerkers_carousel").addClass("js-carousel");
814	if (jQuery().slick) {
815		jQuery("div.medewerkers_carousel ul").slick({
816			infinite: false,
817			slidesToShow: 5,
818			slidesToScroll: 1,
819			responsive: [
820				{
821					breakpoint: 750,
822					settings: {
823						slidesToShow: 3
824					}
825				}
826			]
827		});
828	}
829});
830
831jQuery(document).ready(function() {
832	if($(".opgeslagen-woningen-wrapper")[0] == undefined){
833		return;
834	}
835	var COOLDOWN = 1000;
836	addWoningenbuttonText();
837
838	if (countArrayLengthOfCookie('opgeslagenwoningen') == 0) {
839		displayGeenOpgeslagenWoningen(false);
840	} else {
841		loadOpgeslagenWoningen();
842		refreshFavoriteButtons();
843	}
844
845	jQuery('.opgeslagen-woningen .body').perfectScrollbar({wheelPropagation: true});
846
847	//Klikken op een favoriteButton, favoriteState togglen
848	jQuery(document).on("click", 'a.favoriteButton', function (e) {
849		e.preventDefault();
850		var favButton = jQuery(this);
851
852		if (favButton.hasClass('frozen')) {
853			return;
854		}
855
856		favButton.addClass('frozen');
857
858		var objectId = favButton.attr('id').replace("object-", "");
859
860		if (arrayValueExistsInCookie('opgeslagenwoningen', objectId)) {
861			removeOpgeslagenObject(objectId);
862			favButton.removeClass('favorite');
863			jQuery(this).parent().find('.tooltip').html(getFavoriteButtonTooltip(false));
864		} else {
865			addOpgeslagenObject(objectId);
866			favButton.addClass('favorite');
867			jQuery(this).parent().find('.tooltip').html(getFavoriteButtonTooltip(true));
868		}
869
870		setTimeout(function () {
871			favButton.removeClass('frozen');
872		}, COOLDOWN, favButton);
873	});
874
875	//Sluiten en openen van de opgeslagen woningen sidebar
876	jQuery(".opgeslagen-woningen-button a, .opgeslagen-woningen .header a.close").click(function (e) {
877		jQuery(".opgeslagen-woningen-wrapper").toggleClass("open");
878		e.preventDefault();
879	});
880
881	//Verwijderen van een opgeslagen woning item via de sidebar
882	jQuery(document).on("click", '.opgeslagen-woningen .woningitem a.removeButton', function (e) {
883		e.preventDefault();
884		var objectId = $(this).attr('id').replace("object-", "");
885
886		removeOpgeslagenObject(objectId);
887	});
888
889	function removeOpgeslagenObject(objectId) {
890		var domEl = jQuery(".woningitem#object-id-" + objectId);
891		domEl.addClass('bounceOutRight animated');
892		setTimeout(function () {
893			domEl.remove();
894		}, COOLDOWN);
895
896		removeArrayValueFromCookie('opgeslagenwoningen', objectId);
897		refreshFavoriteButtons();
898		updateWoningenButton();
899
900		if (countArrayLengthOfCookie('opgeslagenwoningen') == 0) {
901			displayGeenOpgeslagenWoningen(false);
902		}
903	}
904
905	function updateFavoriteText() {
906		var aantalOpgeslagenWoningen = countArrayLengthOfCookie('opgeslagenwoningen');
907		if (aantalOpgeslagenWoningen == 1) {
908			jQuery('#opgeslagen-woningen-favtext').addClass('hide');
909			jQuery('#opgeslagen-woningen-favtext').removeClass('show');
910		}
911		if (aantalOpgeslagenWoningen == 0) {
912			jQuery('#opgeslagen-woningen-favtext').addClass('show');
913			jQuery('#opgeslagen-woningen-favtext').removeClass('hide');
914		}
915	}
916
917	function addOpgeslagenObject(objectId) {
918		jQuery('#woningenAmount').remove();
919		jQuery('#opgeslagen-woningen-text').append('<i class="fa fa-spinner fa-spin"></i>');
920
921		updateFavoriteText();
922
923		jQuery.getJSON("/OpgeslagenWoningen/?opgeslagenwoningen=" + objectId, function (e) {
924		}).success(function (data) {
925			if (data.data.woningen[0] == null) {
926				updateWoningenButton();
927				return;
928			}
929			addOpgeslagenObjectData(objectId, data.data.woningen[0]);
930		}).fail(function (data) {
931			displayGeenOpgeslagenWoningen(true);
932		});
933	}
934
935	function addOpgeslagenObjectData(objectId, data) {
936		updateFavoriteText();
937
938		if (!data.img) {
939			data.img = "/pub/makelaartemplate/bmw/img/opgeslagen-woningen-geenfoto.png";
940		}
941
942		jQuery('.opgeslagen-woningen .body').append('<div class="woningitem bounceInRight animated" id="object-id-' + data.id + '"><a href="#" class="removeButton" id="object-' + data.id + '"></a><a href="' + data.objecturl + '"><img src="' + data.img + '?width=200" /></a><div class="adres">' + data.straat + '</div><div class="postplaats">' + data.postcode + ' ' + data.plaats + '</div><div class="prijs">' + data.prijs + '</div></div>');
943		setTimeout(function () {
944			jQuery('.opgeslagen-woningen .body .woningitem#object-id-' + data.id).removeClass('bounceInRight animated');
945		}, COOLDOWN);
946
947		addArrayValueToCookie('opgeslagenwoningen', objectId);
948		updateWoningenButton();
949	}
950
951	function refreshFavoriteButtons() {
952		$('a.favoriteButton').each(function (e) {
953			var woningId = $(this).attr('id').replace("object-", "");
954
955			if (arrayValueExistsInCookie('opgeslagenwoningen', woningId)) {
956				jQuery(this).addClass('favorite');
957			} else {
958				if (jQuery(this).hasClass('favorite')) {
959					jQuery(this).removeClass('favorite');
960				}
961			}
962		});
963	}
964
965	function loadOpgeslagenWoningen() {
966		var cookie = getCookie('opgeslagenwoningen');
967		if (typeof cookie == 'undefined' || cookie == null) {
968			cookie = '';
969		}
970		jQuery.getJSON("/OpgeslagenWoningen/?opgeslagenwoningen=" + cookie, function (e) {
971		}).success(function (data) {
972			setCookie('opgeslagenwoningen', '');
973
974			if (data.data == null || data.data.woningen == null) {
975				displayGeenOpgeslagenWoningen(false);
976				updateWoningenButton();
977				return;
978			}
979			$.each(data.data.woningen, function (i, woning) {
980				addOpgeslagenObjectData(woning.id, woning);
981			});
982		}).fail(function (data) {
983			displayGeenOpgeslagenWoningen(true);
984		});
985	}
986
987	function addWoningenbuttonText() {
988		if ($('#opgeslagen-woningen-text').find('#mijnFavorieten').length == 0) {
989			jQuery('#opgeslagen-woningen-text').prepend('<span id="mijnFavorieten">Mijn favorieten</span>');
990		}
991	}
992
993	function updateWoningenButton() {

994		var woningenAmount = countArrayLengthOfCookie('opgeslagenwoningen');
995
996		if (woningenAmount != 0) {
997			if (jQuery('#opgeslagen-woningen-text').find('#woningenAmount').lenght != 0) {
998				jQuery('#woningenAmount').remove();
999			}
1000			jQuery('#opgeslagen-woningen-text').append('<span id="woningenAmount">(' + woningenAmount + ')</span');
1001		} else {
1002			jQuery('#woningenAmount').remove();
1003		}
1004
1005		jQuery('#opgeslagen-woningen-text').addClass('shake animated');
1006
1007		setTimeout(function (e) {
1008			jQuery('#opgeslagen-woningen-text').removeClass('shake animated');
1009		}, COOLDOWN);
1010
1011		updateFavoriteText();
1012		jQuery('#opgeslagen-woningen-text').find('.fa-spinner').remove();
1013		jQuery('.opgeslagen-woningen .body').perfectScrollbar('update');
1014	}
1015
1016	function displayGeenOpgeslagenWoningen(error) {
1017		setTimeout(function (e) {
1018			if (error) {
1019				$('.opgeslagen-woningen').find('#opgeslagen-woningen-errortext').addClass('show');
1020				$('.opgeslagen-woningen').find('#opgeslagen-woningen-favtext').addClass('hide');
1021			} else {
1022				$('.opgeslagen-woningen').find('#opgeslagen-woningen-favtext').addClass('show');
1023				$('.opgeslagen-woningen').find('#opgeslagen-woningen-errortext').addClass('hide');
1024			}
1025		}, COOLDOWN);
1026
1027		jQuery('.opgeslagen-woningen .body').perfectScrollbar('update');
1028	}
1029
1030	jQuery('.opgeslagen-woningen .body').html('<div id="opgeslagen-woningen-errortext" class="opgeslagen-woningen-text fadeIn animated"><b>Er is een fout opgetreden bij het laden van uw favorieten</b><br><br><hr><br>Probeer het later opnieuw!</div>');
1031	jQuery('.opgeslagen-woningen .body').html('<div id="opgeslagen-woningen-favtext" class="opgeslagen-woningen-text fadeIn animated"><b>Favorieten kunnen toegevoegd worden door op het hartje te klikken bij een object.</div>');
1032});
1033
1034
1035//Code om tooltip te tonen op een favoriteButton tooltip div
1036jQuery(document).ready(function() {
1037	var firstElem;
1038	var toolTipExtension = '<span class="fa-stack">' +
1039	'<i class="fa fa-circle fa-stack-2x"></i> ' + 
1040	'<i class="fa fa-check fa-stack-1x fa-inverse"></i>' +
1041	'</span> ' + 
1042	'<span id="woningSaved" class="hide">Woning is opgeslagen</span>' +
1043	'<span id="woningSave" class="hide">Bewaar deze woning</span>';
1044	
1045	function addTooltipWithText() {
1046		$('<style>.show { display: inline-block !important; }</style>').appendTo('body');
1047		$('<style>.hide { display: none; }</style>').appendTo('body');
1048		$('.tooltip-wrapper').each( function( index, element ){
1049			if($(this).find('.tooltip').length == 0){
1050				$(this).prepend('<div class="tooltip"></div>');
1051			};
1052		});
1053		$('.tooltip').each( function( index, element ){
1054			if($(this).find('#woningSave').length == 0){
1055				$(this).append(toolTipExtension);
1056			};
1057		});
1058		
1059	}
1060	addTooltipWithText();
1061	jQuery('div.tooltip-wrapper').hover(
1062		function() {
1063			var parent = jQuery(this);
1064			firstElem = parent.find('>:first-child');
1065			var favoriteButton = parent.find('favoriteButton');
1066			
1067			if (!firstElem.hasClass('tooltip')) {
1068				parent.prepend('<div class="tooltip"></div>');
1069			}
1070			
1071			setTimeout(function() {
1072				firstElem = parent.find('>:first-child');
1073				firstElem.addClass('open');
1074				firstElem.html(getFavoriteButtonTooltip(firstElem.next().hasClass('favorite'),firstElem));
1075			}, 20);
1076		},
1077		function() {
1078			var firstElem = jQuery(this).find('>:first-child');
1079			
1080			firstElem.removeClass('open');
1081			firstElem.find('#woningSave').removeClass('show');
1082			firstElem.find('#woningSaved').removeClass('show');
1083		}
1084	);
1085});
1086
1087function getFavoriteButtonTooltip(opgeslagen,firstElem) {
1088	var woningSaveStatusId = "";
1089	if (opgeslagen) {
1090		woningSaveStatusId = ' #woningSaved';
1091	}
1092	else{
1093		woningSaveStatusId = ' #woningSave';
1094	}
1095	jQuery(firstElem).find(woningSaveStatusId).addClass('show');
1096}
1097
1098
1099jQuery(document).ready(function () {
1100	jQuery('#CBS_statistieken .toggle').on('click', function(e) {
1101		var blokLayout = jQuery(this).closest('.blokLayout');
1102		setTimeout(function() {
1103			blokLayout.masonry('layout');
1104		}, 100);
1105	});
1106	jQuery('#cbs_type').change(function() {
1107		var blokLayout = jQuery(this).closest('.blokLayout');
1108		setTimeout(function() {
1109			blokLayout.masonry('layout');
1110		}, 100);
1111	});
1112});
1113
1114function updateMasonry() {
1115	var blokLayout = $('#body').find('.blokLayout');
1116	if (blokLayout.length != 0) {
1117		blokLayout.each(function() {
1118			var blokLayoutElement = jQuery(this);
1119			if (typeof blokLayoutElement.data('masonry') !== "undefined") {
1120				blokLayoutElement.masonry('layout');
1121			}
1122		});
1123	};
1124};
1125
1126$(window).on('load', function() {
1127	var skiptranslate = $(".goog-te-banner-frame");
1128	if(skiptranslate.length > 0){
1129		$('#header').addClass('header-with-translate');
1130		var observer = new MutationObserver(function(mutations) {
1131			mutations.forEach(function(mutationRecord) {
1132				if (mutationRecord.target.offsetParent == null)  {
1133					$('#header').removeClass('header-with-translate');
1134				}
1135
1136			});
1137		});
1138		var target = document.querySelector(".skiptranslate")
1139		observer.observe(target, { attributes : true, attributeFilter : ['style'] });
1140	}
1141});
1142jQuery(document).ready(function() {
1143	$( "#zoekopdrachtKoopOfHuur" ).on( "change", function() {
1144		if(this.value === "true") {
1145			$( ".koopprijs" ).css("display", "inline-block");
1146			$( ".huurprijs" ).css("display", "none");
1147		} else {
1148			$( ".koopprijs" ).css("display", "none");
1149			$( ".huurprijs" ).css("display", "inline-block");
1150		}
1151	})
1152})