/* NavBar: Fixed & OffConvas */
var triggerMode = "click"

function getHeight() {
    var heightHead = ($('.site-header').height());
    $('.main').css('padding-top', (heightHead + 24));
    $(".navBar, #searchbar, .head__search, .screen-visible").css("top", heightHead);
    //console.log( heightHead );
}

var getOffCanvas = $(".navBar").css('overflow-y');
if (getOffCanvas != 'scroll') {
    //setTimeout('getHeight()', 300);
}

$(document).ready(function(){ isCanvasNav()

    var stickyNavTop = $('.navBar').offset().top;
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop();

        var getOffCanvas = $(".navBar").css('overflow-y');

        if (scrollTop > stickyNavTop) {
            $('.navBar').addClass('nav__fixed');

            if (getOffCanvas != 'scroll') {
                $(window).trigger( "navFixed", [ true ] );
            }

        } else {
            $('.navBar').removeClass('nav__fixed');

            if (getOffCanvas != 'scroll') {
                $(window).trigger( "navFixed", [ false ] );
            }
        }
    };

    stickyNav();

    $(window).scroll(function() {
        stickyNav();
    });
});

$( window ).resize(function() {
    isCanvasNav()
    //modalMobil();
});

function isCanvasNav() {
    //console.log( 'test' );
    var getOffCanvas = $(".navBar").css('overflow-y');
    if (getOffCanvas != 'scroll') {
        var heightNav = $('.nav-holder').height();
        //$('.offcanvas__holder').css("height", heightNav);
        //$('.nav-holder__fixed').removeClass('nav-holder__fixed--offcanvas');
        $('.main, .navBar, .screen-visible').removeAttr("style");
        if ( $('#searchbar').css("display") == 'block') {
           // $('#searchbar').css("display", 'block');
        } else {
           // $('#searchbar').css("display", 'none');
        }
        //$('#searchbar').css("top", heightNav);
    } else {
        $('.offcanvas__holde').removeAttr("style");
        //$('.offcanvas__holde').addClass('nav-holder__fixed--offcanvas');

        //var heightHead = ($('.site-header').height());
        //$('.main').css('padding-top', (heightHead + 24));
        //$(".navBar, #searchbar, .head__search, .screen-visible").css("top", heightHead);
        //setTimeout('getHeight()', 300);
        //$('#searchbar').css("display", 'block');
    };
    var viewPort = $(window).width()
    if ( viewPort >= '800') {
     //$('.header__content').css('padding-bottom', (heightSubNav + 5));
     $('#searchbar').css("top", heightNav);
     $('.dropdown__list').removeAttr( 'style' );
    } else {
     $('#searchbar').removeAttr( 'style' );
     $('.dropdown__list').css("display", 'none');
    }
}

$(document).on("scroll", function(){
    var getOffCanvas = $(".navBar").css('overflow-y');
    if (getOffCanvas == 'scroll') {
        if($(document).scrollTop() > 50){
            $('.header, .container').addClass('container--scrolled');
        } else {
            //if( $('.screen-visible').hasClass( 'is-visible' ) ) {
                $('.header, .container').removeClass('container--scrolled');
               //setTimeout('getHeight()', 300);
            //}
        }
    }
});

/* Off-Canvas */

$(document).ready(function(){
    $('.offcanvas_button').on(triggerMode, function(e){
        $('#searchbar').removeClass('is-visible');
        $('#mainNav').toggleClass('is-visible');

        if ($('#mainNav').hasClass( 'is-visible' ))  {
            $('html, body').addClass('offcanvas-html');
            $('.screen-visible').addClass('is-visible');
        } else {
            $('.screen-visible').removeClass('is-visible');
            $('html, body').removeClass('offcanvas-html');
        }
        e.preventDefault();
    });

    $('.search_button, .open-search').on(triggerMode, function(e){
    //$('.search_button').on(triggerMode, function(e){
        $('#mainNav').removeClass('is-visible');
        $('#searchbar').toggleClass('is-visible');

        if ($('#searchbar').hasClass( 'is-visible' )) {
            $('html, body').addClass('offcanvas-html');
            $('.screen-visible').addClass('is-visible');
        } else {
			$("#fsearchphrase_1").blur();
            $('html, body').removeClass('offcanvas-html');
            $('.screen-visible').removeClass('is-visible');
        }
        e.preventDefault();
    });

    $('#openSearchphrase').on(triggerMode, function(e){
		$("#fsearchphrase_1").trigger( triggerMode );
		$("#fsearchphrase_1").focus();

        e.preventDefault();
    });

    $('#openSearchRubric').on(triggerMode, function(e){
		$("#searchRubric").trigger( triggerMode );
		$("#fsearchphrase_1").blur();

        e.preventDefault();
    });

    $('#openSearchDate').on(triggerMode, function(e){
		$("#searchDate").trigger( triggerMode );
		$("#fsearchphrase_1").blur();

        e.preventDefault();
    });

    $('#openSearchPlace').on(triggerMode, function(e){
		$("#searchPlace").trigger( triggerMode );
		$("#fsearchphrase_1").blur();

        e.preventDefault();
    });


    $('.screen-visible').on(triggerMode, function(e){
		$("#fsearchphrase_1").blur();
        $('.offcanvas__holder').removeClass('is-visible');
        $('.offcanvas__holder').removeClass('is-visible');
        $('.screen-visible').removeClass('is-visible');
        $('html, body').removeClass('offcanvas-html');
        e.preventDefault();
    });
});

// Modale Filter einstellungen überprüfen für smartphone.
// Bessere Funktion ohne modal
// Maybe Offcanvas oder Content Austausch

$(document).ready(function(){
    $('.modal-button').on(triggerMode, function(e){
        var modalButtonPos = $( this ).offset();
        var modalButtonHeight = $( this ).height();
        var modalWindow = $( this ).attr( "href" );
        //var heightHead = $('.site-header').height();
        //$(modalWindow).css('top', heightHead);
        $( modalWindow ).toggleClass('modal__mobil');
        $( modalWindow ).toggleClass('modal');
        //$('.screen-visible').addClass('is-visible');
        $( modalWindow ).css('top', (modalButtonPos.top + (modalButtonHeight*2)));
        $('html, body').toggleClass('offcanvas-html');
        e.preventDefault();
    });
});
function modalMobil() {
    $( '[id^="modal-"]' ).removeClass('modal');
    $( '[id^="modal-"]' ).addClass('modal__mobil');
    $( '[id^="modal-"]' ).removeAttr("style");
}

$(document).ready(function(){
    $('.el-slider-button, .el-slider__close').on(triggerMode, function(e){
        var elsliderWindow = $( this ).attr( "href" );

        $(elsliderWindow).toggleClass('el-slider--left');
        $('html, body').toggleClass('offcanvas-html');
        e.preventDefault();
    });
});

// Script für DropDown Liste Mobil
$(document).ready(function(){
    $('.dropdown__button').on(triggerMode, function(e){
        //var dropDown = $( this ).attr( "href" );
        //$( dropDown ).toggle();
        $( this ).next(".dropdown__list").slideToggle('fast');
        e.preventDefault();
    });

    $('.dropdown__button').text( $('.dropdown__list__item--selected a').text() );
});


// Scroll funktion der Navigation & Suche für mobil
//var myScrollNav;
//
//$(document).ready(function(){
//    myScrollNav = new IScroll('#mainbar', { 
//        scrollbars:false,
//        mouseWheel:true,
//        fadeScrollbars:false,
//        click: true,
//        tap: true
//    })
//   
//    $('.nav__item a').on("click", function(vv) {
//      $(this).addClass('nav__item--clicked');
//    });
//
//});
//
//
//
//var myScrollSearch;
//$(document).ready(function(){
//    myScrollSearch = new IScroll('.head__search', { 
//        scrollbars:false,
//        mouseWheel:true,
//        click:true,
//        fadeScrollbars:false
//    });
//    //console.dir(myScrollSearch.options);
//});
//
function onCompletion () {
//    // Update here your DOM
//    setTimeout(function () {
//        myScrollSearch.refresh();
//    }, 100);
};
//document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);