
$(function() {


  $('.top-search-trigger').on('click', function(event) {
    event.preventDefault();
    $('#search').addClass('open');
    $('#search > form > input[type="search"]').focus();
  });

  $('#search, #search button.close').on('click keyup', function(event) {
    if (event.target == this || event.target.className == 'close' || event.keyCode == 27) {
      $(this).removeClass('open');
    }
  });

    $.slidebars({scrollLock: false});

    $("#sticker").sticky({topSpacing: 0});

    $('.owl-carousel').owlCarousel({

        autoplay: true,
        autoplayTimeout: 7000,
        autoplaySpeed: 1000,
        autoplayHoverPause: true,
        loop:true,
        margin:0,
        nav:true,
        navText: [
          "<i class='fa fa-angle-left fa-2x'></i>",
          "<i class='fa fa-angle-right fa-2x'></i>"
        ],
        lazyLoad: true,
        items:1,
        responsive:{
            0:{
                items:1,
                nav:false,
                dots:false
            },
            768:{
                items:1,
                nav:false,
                dots: true,
            }
        }

    });

  $('.owl-event').owlCarousel({
    autoplay: true,
    autoplayTimeout: 5000,
    autoplayHoverPause: true,
    loop:true,
    margin:0,
    lazyLoad: false,
    nav: true,
    dots: false,
    navText: [
    "<i class='fa fa-angle-left fa-2x'></i>",
    "<i class='fa fa-angle-right fa-2x'></i>"
    ],
    responsiveClass:true,
    responsive:{
      0:{
        items:1,
        nav:false,
      },
      600:{
        items:2,
        nav:false
      },
      769:{
        items:2,
        nav:false
      },
      992:{
        items:3,
        nav:true
      },
      1200:{
        items:3,
        nav:true
      },
      1600:{
        items:3,
        nav:true
      }
    }
  });

  $('.slide-owl').owlCarousel({
    autoplay: true,
    autoplayTimeout: 5000,
    autoplayHoverPause: true,
    loop:true,
    margin:2,
    dots: true,
    nav: false,
    responsive:{
      0:{
        items:1
      },
      481:{
        items:2
      },
      769:{
        items:2
      },
      992:{
        items:3
      },
      1200:{
        items:3
      },
      1600:{
        items:3
      }
    }
  });

  $('.fullslide-owl').owlCarousel({
    autoplay: true,
    autoplayTimeout: 5000,
    autoplayHoverPause: true,
    stagePadding: 100,
    loop:true,
    margin:2,
    dots: false,
    navText: [
    "<i class='fa fa-angle-left fa-2x'></i>",
    "<i class='fa fa-angle-right fa-2x'></i>"
    ],
    nav: false,
    responsiveClass:true,
    responsive:{
      0:{
        items:1,
        nav:false,
        stagePadding: 40
      },
      600:{
        items:2,
        nav:false
      },
      769:{
        items:3,
        nav:true
      },
      992:{
        items:3,
        nav:true
      },
      1200:{
        items:4,
        nav:true
      },
      1600:{
        items:6,
        nav: true
      }
    }
  });






$('.eventsloaded').imagesLoaded(function () {

// init Isotope
var $grid = $('.eventsloaded').isotope({
  // options
});
// filter items on button click
$('.browsebox').on( 'click', 'button', function() {
  var filterValue = $(this).attr('data-filter');
  $grid.isotope({ filter: filterValue });
});



// change is-checked class on buttons
  		$('.browsebox .btn').on('click', function () {
  			$('.browsebox .btn').removeClass('active');
  			$(this).addClass('active');

  		})


});


    /* --------------------------------------------------------------------- */
    /* Fancybox
    /* --------------------------------------------------------------------- */

  $(".fancybox").fancybox({
    padding : 0,
    helpers : {
      title: {
        type: 'over'
      },
      overlay : {
        css : {
          'background' : 'rgba(0, 0, 0, 0.75)'
        }
      }
    }
  });

  $(".fancybox-media").fancybox({
    padding : 0,
    helpers : {
      media: true
    },
    width       : 1280,
    height      : 720,
    aspectRatio : true,
    scrolling   : 'no'
  });











});
