var navList = document.querySelector('.nav_list'),
    searchBox = document.querySelector('.search_box'),
    modalBox = document.querySelector('.modal_box'),
    navToggle = document.querySelector('.nav_toggle'),
    navLogo = document.querySelector('.nav_logo');

var slideout = new Slideout({
    'panel': document.getElementById('panel'),
    'menu': document.getElementById('menu'),
    'side': 'left',
    'padding': 160,
});

slideout.on('open', function () {
    $('.nav_toggle .toggle_inner').addClass('active');
    modalBox.style.display = 'block';
});

slideout.on('translatestart', function () {
    document.body.addEventListener('touchmove', preventBodyScroll, { passive: false });
});
slideout.on('translate', function () {
    document.body.addEventListener('touchmove', preventBodyScroll, { passive: false });
})

slideout.on('close', function () {
    $('.nav_toggle .toggle_inner').removeClass('active');
    modalBox.style.display = 'none';
    document.body.removeEventListener('touchmove', preventBodyScroll);
});

$('.nav_toggle').click(function () {
    slideout.toggle();
});
modalBox.onclick = function () {
    slideout.close();
}

var xStart, xEnd, yStart, yEnd;
document.addEventListener('touchmove', function (evt) {
    xEnd = evt.touches[0].pageX;
    yEnd = evt.touches[0].pageY;
    Math.abs(xStart - xEnd) > Math.abs(yStart - yEnd) &&
        evt.preventDefault();
}, false);

document.addEventListener("touchstart", function (evt) {
    xStart = evt.touches[0].pageX;
    yStart = evt.touches[0].pageY;
}, false);

function preventBodyScroll(e) {
    e = e || event;
    e.preventDefault();
}







// slideout.on('beforeclose', function() {
//     $('.mask_box, .nav_open_btn').removeClass('on');
// })


// if(navigator.control && navigator.control.gesture){
//     navigator.control.gesture(false);
// }

// window.onload = function() {
bindEvent();
backToTop();
// };

function bindEvent() {
    // 璁剧疆楂樺害
    var commonContainer = $('.common_container').get(0);
    if (commonContainer) {
        var winHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        var minHeight = winHeight - 311;
        commonContainer.style.minHeight = minHeight + 'px';
    }

    var tableNode = document.querySelector('.table_parent table');
    var selectorBar = document.querySelector('.selector_bar');
    changeSlideEvent(tableNode);
    changeSlideEvent(selectorBar);
}

function backToTop() {
    var $bottomTools = $('.bottom_tools');
    var scrollIcon = $("#scrollUp");
    var t = 0;

    $(window).scroll(function () {
        var scrollHeight = $(document).height();
        var scrollTop = $(window).scrollTop();
        var $windowHeight = $(window).innerHeight();

        if (scrollTop > 1 * $windowHeight) {
            scrollIcon.fadeIn(200).css("display", "block");
            clearTimeout(t);
            t = setTimeout(function () { scrollIcon.fadeOut(600) }, 4000);
        } else {
            scrollIcon.fadeOut(200);
        }

        $bottomTools.css("bottom", scrollHeight - scrollTop > $windowHeight ? 40 : $windowHeight + scrollTop + 40 - scrollHeight);
    });

    $('#scrollUp').click(function (e) {
        e.preventDefault();
        $('html,body').animate({ scrollTop: 0 }, 500);
    });
}


// 鑾峰彇url鍙傛暟鏂规硶
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) { return pair[1]; }
    }
    return (false);
}

// 鎶垫秷slideout鐩稿叧鍓綔鐢
function changeSlideEvent(slideNode) {
    if (!slideNode) { return; }
    slideNode.addEventListener('touchstart', function () {
        slideout.disableTouch();
    }, { passive: false });
    slideNode.addEventListener('touchmove', function () {
        slideout.disableTouch();
    }, { passive: false });
    slideNode.addEventListener('touchend', function () {
        slideout.enableTouch();
    }, { passive: false });
}