// source --> https://museumstechnik.de/wp-content/themes/museumstechnik-berlin/assets/js/frontendscript.js?ver=6.9.4 
(function($) {
    /* owl carousel */
    $(window).load(function(){

        //calculate stage width for project single page
        project_single_stage_width();



    });


    $(document).ready(function(){
    //$(window).load(function(){
        var owl = $('.owl-carousel');
        //create new project link when carousel loads
        owl.on('initialized.owl.carousel', function (event) {
            //alert('slider init');
            create_project_link();
        })
        owl.owlCarousel({
            loop:true,
            nav:true,
            margin:0,
            dots: false,
            autoplay: true,
            autoplayHoverPause: true,
            autoplaySpeed: 500,
            smartSpeed: 500,
            items : 1, //10 items above 1000px browser width
            itemsDesktop : [1000,1], //5 items between 1000px and 901px
            itemsDesktopSmall : [900,1], // 3 items betweem 900px and 601px
            itemsTablet: [600,1], //2 items between 600 and 0;
            lazyLoad: true,
            lazyLoadEager: 5
        });

        //create new project link when slide changes
        owl.on('translated.owl.carousel', function (event) {
            //alert('slider moves');
            //console.log('carousel translate event');
            create_project_link();
        });

        project_single_more_button();

    });

    $( window ).resize(function() { //change width of first slide at window resize
        $windowwidth = $(window).width();
        if($windowwidth>1024) {
            if (!$('.owl-carousel-single').length) {
                //initiate_owl_single();
                return false;
            }else {
                project_single_stage_width();
            }
        }else {
            if ($('.owl-stage').length) {
                $('.owl-carousel-single').owlCarousel('destroy');
            }
        }


    });

    /*menu open/close */
    $(document).ready(function(){
        console.log('menu click');
        var $hamburger = $(".hamburger");
        $hamburger.on("click", function(e) {
            $hamburger.toggleClass("is-active");
            $('#site-header-menu').toggleClass('is-visible');
            $('#site-header-menu').fadeToggle();
        });
        $('#site-header-menu').click(function(){
            console.log('click clack');
            $(this).removeClass('is-visible');
            $hamburger.toggleClass("is-active");
            $('#site-header-menu').fadeToggle();
        })
    });

    function project_single_stage_width(){
        $stage = $('.owl-carousel-single');
        $stagewidth = 0;
        $('.owl-carousel-single .slide').each(function($index){
            //console.log('Got one!');
            //console.log($index+' '+$(this).outerWidth(true));
            $stagewidth += parseInt($(this).outerWidth(true));
        });
        $stagewidth += $(window).width()/2;
        console.log('stage width: '+$stagewidth);
        if($stagewidth>0){
            $stage.width($stagewidth);
        }
    }

    function create_project_link(){ //create project link for owl carousel on home page
        if ($('.project-link').length) {//alert('yes');
            $('.project-link').remove();
        }
        $carousel = $('.owl-carousel');
        $item = $('.owl-item.active').find('.item');
        $project_link = "<div class='project-link'><a href='"+$item.attr('data-project-link')+"'>"+object_frontendscript.projecttitle+"</a></div>";
        //console.log($project_link);
        $carousel.prepend($project_link);
    }

    function project_single_more_button(){
        if($('#moreinfo-button').length) {
            $button = $('#moreinfo-button');
            $innerbutton_one = $button.find('.inner-button.one');
            $innerbutton_two = $button.find('.inner-button.two');
            $factscontainer = $('#factscontainer');
            $contentcontainer = $('#project_content');

            $button.click(function(){
                if($factscontainer.hasClass('facts-visible')) {
                    $factscontainer.toggleClass('facts-visible');
                    $factscontainer.fadeOut();
                    $innerbutton_one.fadeOut();
                    $contentcontainer.delay(500).fadeIn();
                    $innerbutton_two.delay(500).fadeIn();
                }else {
                    $factscontainer.toggleClass('facts-visible');
                    $contentcontainer.fadeOut();
                    $innerbutton_two.fadeOut();
                    $factscontainer.delay(500).fadeIn();
                    $innerbutton_one.delay(500).fadeIn();

                }
            })
        }

    }

    function initiate_owl_single(){
        $windowwidth = $(window).width();

        //if($windowwidth<=768) return false;

        $slidewidth = $windowwidth / 2;

        $('.owl-carousel-single .content_wrapper').css('width',$slidewidth+'px');
        $('.owl-carousel-single .project_navigation').css('width',$slidewidth+'px');
        $('.owl-carousel-single .galery-img').css('width',$windowwidth+'px');


        var owl_single = $('.owl-carousel-single');
        owl_single.owlCarousel({
            loop:false,
            nav:false,
            margin:0,
            dots: false,
            autoplay: false,
            items : 1, //10 items above 1000px browser width
            itemsDesktop : [1000,1], //5 items between 1000px and 901px
            itemsDesktopSmall : [900,1], // 3 items betweem 900px and 601px
            itemsTablet: [600,1], //2 items between 600 and 0;
            //stagePadding: 670
            autoWidth: true,
            //autoHeight: true
            //center:true,
        });
        /*owl_single.on('changed.owl.carousel', function(event) {
         console.log(event.item.index);
         if(event.item.index==1){
         console.log('ja');
         //$('.owl-stage').css('border','1px solid red');
         }
         })*/

        $stageheight = $('.owl-stage').height();
        $('.owl-carousel-single .project_navigation').height($stageheight);

        owl_single.on('mousewheel', '.owl-stage', function (e) {
            if (e.deltaY>0) {
                owl_single.trigger('prev.owl');
            } else {
                owl_single.trigger('next.owl');
            }
            e.preventDefault();
        });
    }

    $(document).ready(function(){
        var $height_carousel = $('.owl-stage-outer').outerHeight(true);
        //$('.owl-nav').height($height_carousel);

    });

})( jQuery );