$(document).ready(function() {
    $('[data-toggle=offcanvas]').click(function() {
        $('.row-offcanvas').toggleclass('active');
        $('.showhide').toggle();
      });
    init_header();
    $(window).load(function(){
        init_header();
    });
    $(window).resize(function() {
      init_header();
    });
  });

function getelementviewtop(element){
　　var actualtop = element.offsettop;
　　var current = element.offsetparent;
　　while (current !== null){
        actualtop += current.offsettop;
        current = current.offsetparent;
　　}
    var elementscrolltop=0;
　　if (document.compatmode == "backcompat"){
        elementscrolltop=document.body.scrolltop;
　　} else {
        elementscrolltop=document .documentelement.scrolltop; 
　　}
    return actualtop;
　//　return actualtop-elementscrolltop;
}
function getscroll()
{
    var top, left, width, height;
 
    if (document.documentelement && document.documentelement.scrolltop) {
        top = document.documentelement.scrolltop;
        left = document.documentelement.scrollleft;
        width = document.documentelement.scrollwidth;
        height = document.documentelement.scrollheight;
    } else if (document.body) {
        top = document.body.scrolltop;
        left = document.body.scrollleft;
        width = document.body.scrollwidth;
        height = document.body.scrollheight;
    }
    return { 'top': top, 'left': left, 'width': width, 'height': height };
}
var topleader = document.getelementbyid('solutionleader');   
var postop = getelementviewtop(topleader);
window.addeventlistener('scroll',function(event){
    var scrolltop = getscroll().top;
    if(postop>=105 && postop-scrolltop <= 105) 
        topleader.classname = 'default_container fixediv2';
    else topleader.classname = 'default_container';
},false);