var HeaderSlider = new function (){
    "use strict";
    function offset(el) {
        var rect = el.getBoundingClientRect(),
        scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
        scrollTop = window.pageYOffset || document.documentElement.scrollTop;
        return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
    };
    var self = this;
    var data = {};
    data.element = document.querySelectorAll(".SearchBox")[0];
    data.position = offset(data.element);
    
    this.scrollCheck = function () {
        if (window.scrollY >= data.position.top){
            data.element.className = "SearchBox SearchBoxFixed";
        } else {
            data.element.className = "SearchBox";
        }
    };
    this.scrollCheck();
    window.addEventListener("scroll", self.scrollCheck);
};