(function () { var g = document.getElementById('g'); var grain = document.getElementById('g-grain'); if (!g) return; if (grain) document.body.appendChild(grain); var doors = g.querySelectorAll('.g-door'); var canHover = window.matchMedia('(hover: hover) and (pointer: fine)').matches; function set(w) { if (w) g.setAttribute('data-w', w); else g.removeAttribute('data-w'); document.body.classList.toggle('g-wed', w === 'wed'); } if (canHover) { for (var i = 0; i < doors.length; i++) { (function (d) { d.addEventListener('mouseenter', function () { set(d.getAttribute('data-w')); }); d.addEventListener('focus', function () { set(d.getAttribute('data-w')); }); })(doors[i]); } g.querySelector('.g-doors').addEventListener('mouseleave', function () { set(null); }); } })();