//MAYBE THIS SHOULD NOT BE IN A SINGLE FUNCTION. MAYBE THE OPENDROPDOWN FUNCTION WILL SET THE VARIABLES AND THEN THE OTHER FUNCTIONS ARE OUTSIDE??
function killdropdown(menuname,containername) {
var killOuter = document.getElementById(containername);
var killMenu = document.getElementById(menuname);
killMenu.classList.remove('dol-on');
killOuter.classList.remove('doborder');
}
function opendropdown(menuname,containername) {
var killOuter = document.getElementsByClassName('doborder')[0];
var killMenu = document.getElementsByClassName('dol-on')[0];
if(killMenu) {
killMenu.classList.remove('dol-on');
}
if(killOuter) {
killOuter.classList.remove('doborder');
}
var dropOuter = document.getElementById(containername);
var dropMenu = document.getElementById(menuname);
dropMenu.classList.add('dol-on');
dropOuter.classList.add('doborder');
dropMenu.addEventListener('mouseleave', function() {
dropMenu.classList.remove('dol-on');
dropOuter.classList.remove('doborder');
}, false);
}
window.addEventListener('keydown', function(event) {
var x = event.which || event.keyCode;
if (x == 27) {
document.getElementById('sortby-menu').classList.remove('dol-on');
document.getElementById('sortby-displayoptions').classList.remove('doborder');
}
}, false);