qs = function(ele){

return document.querySelector(ele);

}

var main_nav = qs('#main-nav'); var toggle_menu = qs('#toggle-menu'); var toggle_search = qs('#toggle-search'); var search_div = qs('#search-div'); var content_div = qs('#content');

toggle_menu.addEventListener('click', function(e){

e.preventDefault();
e.stopPropagation();
this.classList.toggle('open');
main_nav.classList.toggle('open');

});

qs('body').addEventListener('click', function(e){

main_nav.classList.remove('open');
toggle_menu.classList.remove('open');

});

var tables = document.querySelectorAll('table'); tables.forEach(function(t){

t.classList.add('responsive');
th = t.querySelectorAll('thead th');
tr = t.querySelectorAll('tbody tr');
tr.forEach(function(e){
        th.forEach(function(e2, i){
                e.children[i].setAttribute('data-title', e2.innerHTML);
        });
});

});

toggle_search.addEventListener('click', function(e){

e.preventDefault();
e.stopPropagation();
if(search_div.classList.contains('open')){
        qs('#search-input').value = '';
        qs('#search-results').innerHTML = '';
        search_div.classList.remove('open');
        content_div.classList.remove('no-scroll');
}else{
        search_div.classList.add('open');
        content_div.classList.add('no-scroll');
}

});

qs('#search-input + button').addEventListener('click', function(){

qs('#search-input').value = '';
qs('#search-results').innerHTML = '';

});