var navToTop = -1;
var header;
var bodyContent;
var makelaarLogo;
var woningenwrapper
var heightElement;
var heeftOpgeslagenWoningen;

jQuery(document).ready(function() {
	if(document.getElementById('navigationContainer') == null){
		return;
	} else {
		header = document.getElementById('header').classList;
		bodyContent = document.getElementById("bodycontent").classList;
		makelaarLogo = document.getElementById("makelaarLogo").classList;
		heeftOpgeslagenWoningen = document.getElementsByClassName('opgeslagen-woningen-wrapper').length;
		if (heeftOpgeslagenWoningen) {
			woningenwrapper = document.getElementsByClassName('opgeslagen-woningen-wrapper')[0].classList;
		}

		window.addEventListener("scroll", function (e) {
			if (window.innerWidth < 960) {
				return;
			}
			if (navToTop == -1) {
				heightElement = document.getElementById("makelaarLogo").getElementsByTagName('img')[0].height;
				navToTop = document.getElementById('header').offsetTop;
				var scrollLogo;
				scrollLogo = document.getElementById("headerBgContainer").getElementsByClassName("logoContainer")[0].getElementsByTagName('img')[0];
			}
			if (window.pageYOffset > navToTop) {
				if (!header.contains('scrollheader')) {
					header.add('scrollheader');
					bodyContent.add('scrollcontent');
					makelaarLogo.add('scrolled');
					if (heeftOpgeslagenWoningen) {
						woningenwrapper.add('scrollWrapper');
					}
					if (heightElement <= 60) {
						makelaarLogo.add('trans1');
					} else if (heightElement < 100) {
						makelaarLogo.add('trans2');
					} else if (heightElement < 200) {
						makelaarLogo.add('trans3');
					} else if (heightElement <= 270) {
						makelaarLogo.add('trans4');
					} else if (heightElement > 270) {
						makelaarLogo.add('trans5');
					}

				}
			} else {
				if (header.contains('scrollheader')) {
					header.remove('scrollheader');
					bodyContent.remove('scrollcontent');
					makelaarLogo.remove('scrolled');
					makelaarLogo.remove(makelaarLogo[0]);
					if (heeftOpgeslagenWoningen) {
						woningenwrapper.remove('scrollWrapper');
					}
				}
			}
		}, {passive: true});
		window.addEventListener('resize', function () {
			if (window.innerWidth < 960) {
				if (header.contains('scrollheader')) {
					header.remove('scrollheader');
					bodyContent.remove('scrollcontent');
					makelaarLogo.remove('scrolled');
					makelaarLogo.remove(makelaarLogo[0]);
					if (heeftOpgeslagenWoningen) {
						woningenwrapper.remove('scrollWrapper');
					}
				}
			}
		}, {passive: true});
	}
});