var $ = jQuery.noConflict();

(function ($) {
  Drupal.behaviors.dab_site = {
    attach: function (context, settings) {

      if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) == false ) {
        if ( $('.overlay .fb').length ) {
          $('.fb-link').hide();
        }
      }

      //DAB CONTACT
      if($('#edit-address-loaded-json').length > 0){
        if($('#edit-address-loaded-json').val()!=''){
          var json_add_loaded = $.parseJSON($('#edit-address-loaded-json').val());
          $('#edit-field-address-form-0-address-given-name').val(json_add_loaded.given_name);
          $('#edit-field-address-form-0-address-family-name').val(json_add_loaded.family_name);
        }
      }

      if($('#contact-message-sales-form-form').length > 0 && $('#edit-address-loaded-json').val()!=''){
        $('#contact-message-sales-form-form #edit-name').hide();
        $('#contact-message-sales-form-form #edit-field-address-form-0-address-given-name').insertAfter($('#contact-message-sales-form-form #edit-name'));
        $('#contact-message-sales-form-form #edit-field-address-form-0-address-family-name').insertAfter($('#contact-message-sales-form-form #edit-field-address-form-0-address-given-name'));
        $('#contact-message-sales-form-form #edit-field-address-form-0-address-given-name,#contact-message-sales-form-form #edit-field-address-form-0-address-family-name').change(function(){
          $('#contact-message-sales-form-form #edit-name').val(
            $('#contact-message-sales-form-form #edit-field-address-form-0-address-given-name').val() + " "+$('#contact-message-sales-form-form #edit-field-address-form-0-address-family-name').val()
          )
        });
      }

      if($('#contact-message-customer-service-form-form').length > 0 && $('#edit-address-loaded-json').val()!=''){
        $('#contact-message-customer-service-form-form #edit-name').hide();
        $('#contact-message-customer-service-form-form #edit-field-address-form-0-address-given-name').insertAfter($('#contact-message-customer-service-form-form #edit-name'));
        $('#contact-message-customer-service-form-form #edit-field-address-form-0-address-family-name').insertAfter($('#contact-message-customer-service-form-form #edit-field-address-form-0-address-given-name'));
        $('#contact-message-customer-service-form-form #edit-field-address-form-0-address-given-name,#contact-message-customer-service-form-form #edit-field-address-form-0-address-family-name').change(function(){
          $('#contact-message-customer-service-form-form #edit-name').val(
            $('#contact-message-customer-service-form-form #edit-field-address-form-0-address-given-name').val() + " "+$('#contact-message-customer-service-form-form #edit-field-address-form-0-address-family-name').val()
          )
        });
      }

      // DAB SOCIAL
      $('.overlay .fb').click(function () {
        $('.yt-link').hide();
        $('.in-link').hide();
        $('.fb-link').toggle();
      });
      $('.overlay .in').click(function () {
        $('.yt-link').hide();
        $('.in-link').toggle();
        $('.fb-link').hide();
      });
      $('.overlay .yt').click(function () {
        $('.yt-link').toggle();
        $('.in-link').hide();
        $('.fb-link').hide();
      });


      // NAVBAR AND MENU ICON
      // change hamburger to close icon
      $("#navbar-menu-desktop-js").click(function () {
        var custom_attr = $(this).attr('aria-expanded');
        if (custom_attr == 'false') {
          $('#menu-icon-desktop').removeClass('lnr-menu').addClass('lnr-cross');
          $('#navbar-li-desktop-menu').addClass('navbar-li-active');
        } else {
          $('#menu-icon-desktop').removeClass('lnr-cross').addClass('lnr-menu');
          $('#navbar-li-desktop-menu').removeClass('navbar-li-active');
        }
      });

      //START OWL-DEMO-MENU
      $('body').once('owlDemoMenu').each(function() {
        var owl = $("#owl-demo-menu");

        owl.owlCarousel({
          items: 5, //10 items above 1000px browser width
          itemsDesktop: [1000, 5], //5 items between 1000px and 901px
          itemsDesktopSmall: [900, 5], // betweem 900px and 601px
          itemsTablet: [600, 5], //2 items between 600 and 0
          itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option
          pagination: false,
          scrollPerPage: true
        });


        // Custom Navigation Events
        $(".next").click(function () {
          owl.trigger('owl.next');
        });
        $(".prev").click(function () {
          owl.trigger('owl.prev');
        });


        var count_items = owl.find(".owl-wrapper > .owl-item").length;
        if (count_items < 6 && count_items >= 0) {
          $('.prev-menu-second-level').hide();
          $('.next-menu-second-level').hide();
          $('.owl-wrapper').css("width", "100%");
          owl.css("padding", "0");

          if (count_items===0) {
            owl.hide();
          }else{
            $(".owl-item").css("width", (100 / count_items)+"%");
          }
        }
      });
      //START OWL-HOME-PAGE
      $('body').once('owlhomePAge').each(function() {

        var owlHomePage = $('#owl-home-page');
        owlHomePage.owlCarousel({
          //items:1,
          singleItem:true,
          loop:true,
          autoPlay:10000,
          navigation:true,
          navigationText: [
            "<i class='fa fa-chevron-left'></i>",
            "<i class='fa fa-chevron-right'></i>"
          ]
        });
      });


      $("#navbar-menu-desktop-u-click").click(function () {
        $('#navbar-li-desktop-user').toggleClass('navbar-li-active',($(this).attr('aria-expanded') === 'false'));
      });

      $("#navbar-menu-desktop-lang-click").click(function () {
        $('#navbar-li-desktop-lang').toggleClass('navbar-li-active',($(this).attr('aria-expanded') === 'false'));
        $('.custom-content').toggleClass('custom-not-display',($(this).attr('aria-expanded') === 'false'));
      });

      $("#navbar-li-desktop-menu-mobile a#navbar-menu-desktop").click(function () {
        $('.custom-content').toggleClass('custom-not-display',($(this).attr('aria-expanded') === 'false'));
      });
      $("#navbar-li-search-mobile a#navbar-menu-desktop").click(function () {
        $('.custom-content').toggleClass('custom-not-display',($(this).attr('aria-expanded') === 'false'));
      });

      $(document).mouseup(function (e)
      {
        var container = $("#login-container");
        var button = $("#login-button");

        if (!container.is(e.target) // if the target of the click isn't the container...
          && container.has(e.target).length === 0 // ... nor a descendant of the container
          && !button.is(e.target) && button.has(e.target).length === 0)
        {
          container.removeClass("open");
        }
      });

      $("#login-button").click(function (event) {
        event.preventDefault();
        $('#login-container').toggleClass("open");
      });

      $("#js-signup-to-modal").click(function (event) {
        event.preventDefault();
        $('#login-container').toggleClass("open");

      });

      // change close to hamburger when user click out the menu box
      $('html').click(function (event) {
        var menu_class = $('#navbar-menu-desktop-js').attr('aria-expanded');
        if (menu_class == 'true') {
          $('#menu-icon-desktop').removeClass('lnr-cross').addClass('lnr-menu');
          $('#navbar-li-desktop-menu').removeClass('navbar-li-active');
        }

        // Remove user menu hover
        var menu_user = $('#navbar-menu-desktop-u-click').attr('aria-expanded');
        if (menu_user == 'true') {
          $('#navbar-li-desktop-user').removeClass('navbar-li-active');
        }

        // Remove language menu hover
        var c_menu_l = $('#navbar-menu-desktop-lang-click').attr('aria-expanded');
        if (c_menu_l == 'true') {
          $('#navbar-li-desktop-lang').removeClass('navbar-li-active');
        }

        // Remove class from .owl-item and hide the third-menu container
        var menu_third = $('#menu-third-level').css('display');
        if (!$(event.target).closest('.owl-demo-wrapper').length && !$(event.target).is('.owl-demo-wrapper')) {
          if (menu_third == 'block') {
            $(".owl-item").removeClass("menu-third-level-active");
            $('#menu-third-level').css('display', 'none');
          }
        }
        //Close Autocomplete BOX
        var box_autocomplete = $('.dab-cont-autocomplete').css('display');
        if (!$(event.target).closest('.c-s-input').length && !$(event.target).is('.c-s-input')) {
          if (box_autocomplete == 'block') {
            $('.dab-cont-autocomplete').css('display', 'none');
          }
        }
      });

      // SECOND LEVEL MENU (fix it with AJAX call )
      $('.menu-second-level-open').on('click', function (e) {

        $('#menu-third-level').fadeIn(100);
        $("#menu-third-level-ajax").html('<div class="dab-loader"></div>');

        $(".owl-item").removeClass("menu-third-level-active");
        $(this).closest(".owl-item").addClass('menu-third-level-active');

        var menu_lg = $(this).attr('data-lg');
        var menu_id = $(this).attr('data-click');
        $.ajax({
          type: "POST",
          url: "/third_level",
          data: {menu_lg: menu_lg, menu_id: menu_id},
          success: function (response) {
            $("#menu-third-level-ajax").html(response);
            //alert(response);
            if (response.indexOf("item") >= 0) {
            } else {
              $('#menu-third-level').css("display", 'none');
            }
          },
          error: function () {
            alert("Error");
          },
          dataType: "html"
        });
        e.preventDefault();
      });

      // SECOND LEVEL MENU (fix it with AJAX call )
      /*
        $('.news-popup-a').on('click', function () {
            var menu_lg = $(this).attr('data-lg');
            var menu_id = $(this).attr('data-click');

            $.ajax({
                type: "POST",
                url: "/" + menu_lg + "/news_popup",
                data: {menu_id: menu_id},
                success: function (response) {
                    $("#container-news-popup").html(response);
                },
                error: function () {
                    alert("Error");
                },
                dataType: "html"
            });
        });
*/
      // PRODUCT, VIDEO HOVER
      $('.video-hover').on('click', function () {
        $('.video-container').animate({width: '100%', height: '100%', bottom: '0px', right: '0px'}, 600);
        $(this).fadeOut();
        $('.video-close').fadeIn();
      });
      $('.video-close').on('click', function () {
        $(this).fadeOut();
        $('.video-hover').fadeIn();
        $('.video-container').animate({width: '200px', height: '125px', bottom: '5px', right: '5px'}, 600);
      });

      // TABS
      $('.tabs .tab-links a').on('click', function (e) {
        var currentAttrValue = $(this).attr('href');
        // Show/Hide Tabs
        $('.tabs ' + currentAttrValue).show().siblings().hide();
        // Change/remove current tab to active
        $(this).parent('li').addClass('active').siblings().removeClass('active');
        e.preventDefault();
      });

      // OPEN/CLOSE MENU MOBILE
      $('#third-menu-click').on('click', function (e) {
        $('#third-menu-mobile').slideToggle();
        e.preventDefault();
      });

      // OPEN/CLOSE Filters in SEARCH MOBILE
      $('#filter-menu-click').on('click', function (e) {
        $('.filter-toggle').slideToggle();
        e.preventDefault();
      });

      //$('.c-s-input').keypress(function() {
      $('.c-s-input').on("input", function () {
        var my_text = $(this).val();
        var my_text_lg = my_text.length;
        var my_lang = $(this).attr('data-lg');
        var my_tab = location.pathname.split("/")[2];
        if (my_text_lg > 2) {
          $.ajax({
            type: "POST",
            url: "/" + my_lang + "/dab_autocomplete",
            data: {my_text: my_text, my_lang: my_lang, my_tab:my_tab},
            success: function (response) {
              $('#list-search-mobile').fadeOut(200);
              $('.dab-cont-autocomplete').css('display', 'block');
              $('.dab-cont-autocomplete').html(response);
            },
            error: function () {
              alert('error');
            },
            dataType: "html"
          });
        } else {
          $('.dab-cont-autocomplete').css('display', 'none');
          $('.dab-cont-autocomplete').html('');
        }
      });

      $('.dab-cont-autocomplete').on('click', '.dab-autocomplete-link', function () {
        var search_selected = $(this).attr('data-auto');

        /**
         * Sanitize Text, remove tag html, and capitalize only the first letter
         */
        var regex = /(<([^>]+)>)/ig;
        var body = search_selected;
        var result = body.replace(regex, "");
        result = result.toLowerCase();
        result = result.charAt(0).toUpperCase() + result.slice(1);
        $('.c-s-input').val(result);

      });

      // CUSTOM SELECT IN JS
      $('.c-s-click').on('click', function (e) {
        var select_search = $(this).attr('data-click');
        var name_search = $(this).attr('data-name');
        $('.hidden-tax').val(select_search);
        $('.c-s-label').html(name_search);
        $('#list-search-mobile').css("display", "none");
        e.preventDefault();
      });

      $('#c-s-trigger-mobile').on('click', function (e) {
        $("#list-search-mobile").fadeIn(200);
        e.preventDefault();
      });

      //adding popup for slider home teasers
      $('.hvideo-modal').on('show.bs.modal',function(e){
        $(this).find('iframe').attr('src',$('#' + e.relatedTarget.getAttribute('data-id')).attr('data-src'));
        $('body').append($(this));
      });

      //remove video on close
      $('.hvideo-modal').on('hide.bs.modal',function(e){
        $(this).find('iframe').attr('src','');
      });

      $('#select-administrative-continents').on('change', function (e) {
        var select_continent = $(this).val();
        var lang_path = $(this).attr('data-lang');
        var paramters_adm_cont = {select_continent: select_continent};
        if($(this).closest('article').hasClass('node--type-service-support-center')){
          paramters_adm_cont = {select_continent: select_continent,is_dab_support:true};
        }
        if($(this).hasClass('support-continents-form')){
          paramters_adm_cont = {select_continent: select_continent,is_dab_support:true};
        }
        $.ajax({
          type: "POST",
          url: lang_path + "/sales_countries",
          data: paramters_adm_cont,
          success: function (response) {
            $('#select-administrative-countries').html(response);
          },
          error: function () {
          },
          dataType: "html"
        });
        e.preventDefault();
      });

      $('#select-administrative-regions').on('change', function (e) {
        var select_reg = $(this).val();
        var lang_path = $(this).attr('data-lang');
        $.ajax({
          type: "POST",
          url: lang_path + "/sales_prov",
          data: {select_reg: select_reg},
          success: function (response) {
            $('#select-administrative-areas').html(response);
          },
          error: function () {
          },
          dataType: "html"
        });
        e.preventDefault();
      });

      $('#select-support-regions').on('change', function (e) {
        var select_reg = $(this).val();
        var lang_path = $(this).attr('data-lang');
        $.ajax({
          type: "POST",
          url: lang_path + "/support_prov",
          data: {select_reg: select_reg},
          success: function (response) {
            $('#select-support-areas').html(response);
          },
          error: function () {
          },
          dataType: "html"
        });
        e.preventDefault();
      });

      // CUSTOM ACCORDION IN TRAINING HOME
      $('.accordion-click').on('click', function (e) {
        var select_value = $(this).attr('data-click');
        var is_open = $('#accordion-content-' + select_value).css('display');
        $('.accordion-content').css("display", "none");
        if (is_open !== 'block') {
          $('#accordion-content-' + select_value).fadeIn(200);
        }
        e.preventDefault();
      });

      // CUSTOM ROLLHOVER FOR TRAINING AND SERVICE ICON IN HOMEPAGE
      $('.dab-yellow-link').hover(
        function () {
          var img_data = $(this).attr('data-img');
          $('#menu-yellow-hover-' + img_data).css("display", "block");
          $('#menu-yellow-normal-' + img_data).css("display", "none");
        }, function () {
          var img_data = $(this).attr('data-img');
          $('#menu-yellow-normal-' + img_data).css("display", "block");
          $('#menu-yellow-hover-' + img_data).css("display", "none");
        }
      );

      // CUSTOM ROLLHOVER FOR TRAINING AND SERVICE ICON IN HOMEPAGE NAVBAR
      $('.dab-yellow-link-nav').hover(
        function () {
          var img_data = $(this).attr('data-img');
          $('#menu-yellow-hover-nav-' + img_data).css("display", "block");
          $('#menu-yellow-normal-nav-' + img_data).css("display", "none");
        }, function () {
          var img_data = $(this).attr('data-img');
          $('#menu-yellow-normal-nav-' + img_data).css("display", "block");
          $('#menu-yellow-hover-nav-' + img_data).css("display", "none");
        }
      );

      // CUSTOM HOVER IN THIRD MENU DESKTOP
      $(document).on("mouseenter", ".tax-hover-svg", function () {
        var img_data = $(this).attr('data-hover');
        $('#svg-img-hover-' + img_data).css("display", "block");
        $('#svg-img-normal-' + img_data).css("display", "none");
      });
      $(document).on("mouseleave", ".tax-hover-svg", function () {
        var img_data = $(this).attr('data-hover');
        $('#svg-img-normal-' + img_data).css("display", "block");
        $('#svg-img-hover-' + img_data).css("display", "none");
      });

      // OPEN/CLOSE CTA COVER
      $('.cover-svg-mobile').on('click', function (e) {
        $('.page-cta-mobile').toggle();
        e.preventDefault();
      });

      // OPEN/CLOSE FEATURE BOX WITH HEIGHT AND OVERFLOW
      $('.feature-more-link').on('click', function (e) {
        var click_value = $(this).attr('data-click');
        $('.feature-item-internal').css("max-height", "300px");
        $('#feature-item-internal-' + click_value).css("max-height", "100%");
        $('.feature-more-link').css("display", "block");
        $('.feature-more-close-link').css("display", "none");
        $('#feature-more-link-' + click_value).css("display", "none");
        $('#feature-more-close-link-' + click_value).css("display", "block");
        e.preventDefault();
      });

      $('.feature-more-close-link').on('click', function (e) {
        var click_value = $(this).attr('data-click');
        $('#feature-item-internal-' + click_value).css("max-height", "300px");
        $('#feature-more-close-link-' + click_value).css("display", "none");
        $('#feature-more-link-' + click_value).css("display", "block");
        e.preventDefault();
      });

      //START OTHER OWL CAROUSE

      $('body').once('dabSiteOwlInit').each(function () {
        $("#owl-demo").owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: true
        });
        $("#owl-demo-product-1").owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: true
        });
        $("#owl-demo-product-2").owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: true
        });
        $("#owl-demo-product-3").owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: true
        });
        $("#owl-product-zoom").owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: true
        });
        $("#owl-product-modal").owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: true
        });
        $("#owl-demo-2").owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: true
        });
        $("#owl-training-carousel").owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: false,
          items: 5
        });
        $("#owl-slider-section-content").owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: true
        });
        $('#owl-characteristics, #owl-video').owlCarousel({
          navigation: true,
          slideSpeed: 300,
          paginationSpeed: 400,
          items: 4,
          itemsDesktop: [1000, 4],
          itemsDesktopSmall: [767, 2],
          itemsMobile: [320, 2],
          pagination: false,
          scrollPerPage: true
        });
      });

      // Plugin selectric
      $('select[name="dab-solr-search-form-categories"]').selectric();

      // FOOTER AT THE BOTTOM OF THE PAGE ON WINDOWS LOAD
      $(window).on('load', function () {
        clearTimeout(window.resizedFinished);
        window.resizedFinished = setTimeout(function(){
          footerAlign();
        }, 3000);
      });
      // FOOTER AT THE BOTTOM OF THE PAGE ON WINDOWS RESIZE
      $(window).on('resize', function () {
        clearTimeout(window.resizedFinished);
        window.resizedFinished = setTimeout(function(){
          footerAlign();
        }, 500);
      });

      // Set Footer always on bottom of the page
      function footerAlign() {
        var window_height = $(window).height();
        var html_height = document.documentElement.scrollHeight; //$('html').height();
        // console.log("window")
        // console.log(window_height)
        // console.log("height")
        // console.log(html_height)
        if (window_height > html_height) {
          var diff_height = window_height - html_height;
          $('#footer-push').css('height', diff_height + 'px');
        }
      }

    }
  };
})(jQuery);