https://www.kerstopkeukenhof.nl/js/customScripts.js

1$(window).ready(function(){
2	menuToggle();
3});
4
5
6function menuToggle() {
7	$('.menuToggle').on('click', function(){
8		$('.menuToggle').toggleClass('active');
9		$('.menu ul').toggleClass('active');
10		$('body').toggleClass('active');
11	});
12}
13
14
15$(window).resize(function(){
16	
17	Banner();
18	
19	var heightOfBanner = $('#bannerNames').outerHeight();
20	var merkenHeight = $('.merken').outerHeight();
21	var menuHeight = $('.menu_bg').outerHeight();
22	
23	var bannerGradientHeight = heightOfBanner - merkenHeight;
24	$('.gradientBanner').css("height",bannerGradientHeight);
25	
26	minusHeight = (merkenHeight + menuHeight);
27	som = heightOfBanner - minusHeight;
28	changeHeight = som / 2;
29
30	$('.bannerPlace').css('top', changeHeight);
31	
32	
33});
34$(window).load(function (){
35	var heightOfBanner = $('#bannerNames').outerHeight();
36	var menuHeight = $('.menu_bg').outerHeight();
37	var merkenHeight = $('.merken').outerHeight();
38	
39	var bannerGradientHeight = heightOfBanner - merkenHeight;
40	$('.gradientBanner').css("height",bannerGradientHeight);
41	
42	minusHeight = (merkenHeight + menuHeight);
43	som = heightOfBanner - minusHeight;
44	changeHeight = som / 2;
45
46	$('.bannerPlace').css('top', changeHeight);
47});
48$(document).ready(function(){
49	
50	Banner();
51
52	var MenuChange = $('.banner').outerHeight();
53	
54	$(window).scroll(function(){
55		if($(window).scrollTop() > MenuChange){
56			$('.menu_bg').css("background","rgba(255, 255, 255, 0.8)");
57		}else{
58			$('.menu_bg').css("background","rgba(255, 255,255, 0.5)");
59		}
60	});
61	
62	
63		
64	$(".form_textarea_big").focus(function(){
65		$(".form_textarea_big").css("height","100px");
66		resizeFooter(100);
67		
68	});
69	
70	$(".form_textarea_big").focusout(function(){
71		$(".form_textarea_big").css("height", "32px");
72		resizeFooter(32);
73	});
74	
75});
76
77
78function Banner(){
79	
80	var theClasses = $('#bannerNames').attr('class');
81	
82	bannerGrote = $(window).outerHeight();
83
84
85	$(".banner").css("height",bannerGrote);
86
87	var LessBanner =  bannerGrote / 2;
88	var OtherBannerHeight = bannerGrote - 400;
89	var windowWidth = $(window).width();
90	if(theClasses == "BannerSlider"){
91		
92		$('.BannerSlider').bjqs({
93				height      : bannerGrote,
94				width       : '100%',
95				animtype : 'fade', 
96				animduration : 450, 
97				animspeed : 4000, 
98				automatic : true
99		});
100	
101		$('.merkchange').hover(function(){
102			$('.banner').css('opacity','0');
103				
104			var imageBlock = $(this).attr("image");
105			$(this).closest('.BannerSlider').find('#'+imageBlock).css('opacity','1');
106
107		});
108		$('.merkchange').mouseout(function(){
109				
110				$('.banner').css('opacity','0');
111				
112		});
113		
114	}else{
115		
116		$('.BannerHeight').bjqs({
117				height      : OtherBannerHeight,
118				width       : '100%',
119				animtype : 'fade', 
120				animduration : 450, 
121				animspeed : 4000, 
122				automatic : true
123		});
124	
125		
126	
127	}
128	
129}
130
131
132
133