(function ($) {
    "use strict";



    // offcanvas-menu
    $(".bar").click(function(){
        $(".offcanvas-wrapper, .overlay").addClass("active");
    });

    $(".cross, .overlay, .off-menu-top .balance-personal, .arabic-text").click(function(){
        $(".offcanvas-wrapper, .overlay").removeClass("active");
    });

    $('.has-dropdown').click( function(e) {
        $('.collapse').collapse('hide');
    });

    $('.more__option__open').click(function (e) {
        $('.mobile__menu__area, .mobile--menu--area--overlay').toggleClass('show--more--options');
    });

    $('.mobile--menu--area--overlay').click(function (e) {
        $('.mobile__menu__area, .mobile--menu--area--overlay').removeClass('show--more--options');
    });


    // Banner-sldier
    $('.banner-sldie-active').owlCarousel({
        loop:true,
        margin:0,
        items:1,
        navText:['<img src="/newassets/img/arrow-left-slifde.png" alt="">','<img src="/newassets/img/arrow-right-slide.png" alt="">'],
        nav:true,
        dots:true,
autoplay:true,
autoplayTimeout:4500,

    });
    // Banner-sldier
    $('.mobile-hero-slider').owlCarousel({
        loop: true,
        margin: 0,
        items: 1,
        navText: ['<img src="/newassets/img/arrow-left-slifde.png" alt="">', '<img src="/newassets/img/arrow-right-slide.png" alt="">'],
        nav: false,
        dots: true,
        autoplay: true,
        autoplayTimeout: 4500,

    });


    /* magnificPopup video view */
    $('.popup-video').magnificPopup({
        type: 'iframe'
    });


    // bottom-panel
    var wind = $(window);
    var sticky = $('#bottomPanel');
    wind.on('scroll', function() {
        var scroll = wind.scrollTop();
        if (scroll < 5) {
            sticky.removeClass('sticky');
        } else {
            sticky.addClass('sticky');
        }
    });


    // notification-close
    $('.notificatioin-close').click(function(){
        $('body').removeClass('has-notification')
        $('.user-panel-section').css('margin-top','0')
        $('.notification-top').css('display','none')
    })

    
    $(window).on('load resize',function(){
        var lily2 = $('.header-area').height();
        $('.notification-top').css('margin-top',lily2)
        var lily = $('.notification-top').outerHeight();
        $('.has-notification .user-panel-section').css('margin-top',lily)
    })




    
    //footer 
    $('.footer-menu.brand').parents('footer').addClass('has-brand')
   

    // owl-carousel
    $('.own-product-slider-active').owlCarousel({
        loop:false,
        margin:40,
        responsiveClass:true,
        nav:true,
	navText: ['','<img src="/newassets/img/right-circle-arrow.svg" alt="">'],
        responsive:{
            0:{
                items:1,
            },
            576:{
                items:2,
                margin:20,
            },
            768:{
                items:2,
                margin:40,
            },
            992:{
                items:3,
                margin:20,
            },
            1200:{
                items:3,
            }
        }
    });
    $('.buy-option2-slider-active').owlCarousel({
        loop:false,
        margin:40,
        responsiveClass:true,
        nav:true,
	navText: ['','<img src="/newassets/img/right-circle-arrow.svg" alt="">'],
    responsive:{
        0:{
            items:2,
            nav:false,
            margin:12,
        },
        576:{
            items:2,
            margin:20,
        },
        768:{
            items:2,
            margin:40,
        },
        992:{
            items:3,
            margin:20,
        },
        1200:{
            items:3,
        }
    }
    });
    $('.ticket-slider-active').owlCarousel({
        loop:false,
        margin:30,
        responsiveClass:true,
        autoWidth:true,
	navText: ['','<img src="/newassets/img/right-circle-arrow.svg" alt="">'],
        responsive:{
            0:{
                items:1,
                nav:true,
                loop:true,
            },
            768:{
                items:2,
                nav:false,
            },
            992:{
                items:2,
                nav:false,
            }
        }
    });
   

    
})(jQuery);