Yanmar 4JH2-DTE | 4JH2-E | 4JH2-HTE | 4JH2-TE (2024)

` // Used to keep track of the windows current width for logic later on var currWidth = window.outerWidth; // Get listbox used to determine if categories are currently on the page var col = document.getElementsByClassName("listbox"); // Get the search menu to store the inner html for later var searchTop = document.getElementsByClassName("blue-nav-search") searchHTML = searchTop[0].innerHTML; var catLeft = document.getElementsByClassName("block-wrapper"); // Used to open the menu of models for the users in mobile view var openSide = document.getElementsByClassName("menu-title")[0]; // If screen width is small enough for mobile, load categories in topmenu if (window.outerWidth <= 1040 && col.length == 0) { searchTop[0].innerHTML += categories; document.getElementsByClassName("listbox")[0].style.display = "block"; } // If screen width is big enough for desktop, load categories where the normally go else if (window.outerWidth > 1040 && col.length == 0) { catLeft[0].innerHTML += categories; } // Logic for the removal and placement of categories on window resize window.addEventListener('resize', function (event) { // Used to tell if we have categories currently on the page and for // adding or removing the categories var catColl = document.getElementsByClassName("listbox"); catLeft = document.getElementsByClassName("block-wrapper"); // If we are going from dekstop to mobile view if (window.outerWidth <= 1040 && catColl.length > 0 && currWidth > 1040) { catLeft[0].innerHTML = ""; currWidth = window.outerWidth; searchTop[0].innerHTML += categories; } // If we are going from mobile to desktop view else if (window.outerWidth > 1040 && catColl.length > 0 && currWidth <= 1040) { searchTop[0].innerHTML = searchHTML; currWidth = window.outerWidth; catLeft[0].innerHTML += categories; } }, true); // Opens the Models listbox when the menu is opened openSide.addEventListener('click', function (event) { document.getElementsByClassName("listbox")[0].style.display = "block"; }, true); }, true);