$(document).ready(function (){
  $('.products_slider').owlCarousel({
    loop: true,
    margin:0,
    nav:true,
    dotsEach: true,
    dotData: true,
    responsiveClass: true,
    autoplay:false,
    slideSpeed : 4000,
    navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],
    navText: ["<img src='assets/img/left.png'>", "<img src='assets/img/right.png'>"],
    autoplayTimeout:4000,   
    autoplayHoverPause:true,    
    owldots:true,
    responsive: {
      0: {
        items: 1,
        nav: true,
            dotsEach: 2,
        dots:2,
       
      },
      600: {
        items: 3,
          dotsEach: 2,
        dots:2,
        nav: true,
       
      },
      1000: {
           dotsEach: 2,
        dots:2,
        items: 4
       
      }
    }
  });
});


$(document).ready(function (){
  $('.ikio__relatedProducts').owlCarousel({
    loop: true,
    margin:0,
    nav:true,
   
    responsiveClass: true,
    autoplay:false,
    slideSpeed : 4000,
    navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],
    navText: ["<img src='https://www.ikioledlighting.com/assets/img/left.png'>", "<img src='https://www.ikioledlighting.com/assets/img/right.png'>"],
    autoplayTimeout:4000,   
    autoplayHoverPause:true,    
    owldots:true,
    responsive: {
      0: {
        items: 1,
        dotsEach: 5,
        
      },
      600: {
        items: 3,
        nav: true,
        dotsEach: 3,
       
      },
      1000: {
      
        items: 5
       
      }
    }
  });
});


$(document).ready(function (){
  $('.testimonial_slider').owlCarousel({
    loop: true,
    margin:0,
    nav:true,
    	center: true,
    dotsEach: true,
    smartSpeed: 750,
    dotData: true,
    responsiveClass: true,
    autoplay:false,
    slideSpeed : 4000,
    navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],
    navText: ["<img src='assets/img/left.png'>", "<img src='assets/img/right.png'>"],
    autoplayTimeout:4000,   
    autoplayHoverPause:true,    
    owldots:true,
    responsive: {
      0: {
        items: 1,
        nav: true,
        dotsEach: 2,
        dots:2
      },
      600: {
        items: 1,
              dotsEach: 2,
        dots:2,
        nav: true,
       
      },
      1000: {
          dotsEach: 2,
        dots:2,
        items: 3
       
      }
    }
  });
});


$(document).ready(function (){
  $('.testimonial_moboslider').owlCarousel({
    loop: true,
    margin:0,
    nav:true,
    dotsEach: true,
    dotData: true,
    responsiveClass: true,
    autoplay:false,
    slideSpeed : 4000,
    navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],
    navText: ["<img src='assets/img/left.png'>", "<img src='assets/img/right.png'>"],
    autoplayTimeout:4000,   
    autoplayHoverPause:true,    
    owldots:true,
    responsive: {
      0: {
        items: 1,
        nav: true,
           dotsEach: 2,
        dots:2
      },
      600: {
        items: 1,
       
        nav: true,
       
      },
      1000: {
           dotsEach: 2,
        dots:2, 
        items: 3
       
      }
    }
  });
});


$(document).ready(function (){
  $('.sustanibilty__slider').owlCarousel({
    loop: true,
    margin:0,
    nav:true,
    dotsEach: true,
    dotData: true,
    responsiveClass: true,
    autoplay:false,
    slideSpeed : 4000,
    navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],
    navText: ["<img src='assets/img/left.png'>", "<img src='assets/img/right.png'>"],
    autoplayTimeout:4000,   
    autoplayHoverPause:true,    
    owldots:true,
    responsive: {
      0: {
        items: 1,
        nav: true,
        dotsEach: 4,
        dots:4
      },
      600: {
        items: 1,
        nav: true,
      },
      1000: {   
        items: 1
      }
    }
  });
});


$(document).ready(function (){
  $('.news_carousel').owlCarousel({
    loop: false,
    margin:0,
    nav:true,
    dotsEach: true,
    dotData: true,
    responsiveClass: true,
    autoplay:true,
    slideSpeed : 4000,
    navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],
    navText: ["<img src='assets/img/left.png'>", "<img src='assets/img/right.png'>"],
    autoplayTimeout:4000,   
    autoplayHoverPause:true,    
    owldots:true,
    responsive: {
      0: {
        items: 1,
        nav: true,
        dotsEach: 4,
      },
      600: {
        items: 1,
        nav: true,
       
      },
      1000: {
        
        items: 1
       
      }
    }
  });
});


$('.cus_tabs h4').click(function(event) {
  event.preventDefault();
  $(this).addClass('active');
  $(this).siblings().removeClass('active');

  var ph = $(this).parent().height();
  var ch = $(this).next().height();

  if (ch > ph) {
    $(this).parent().css({
      'min-height': ch + 'px'
    });
  } else {
    $(this).parent().css({
      'height': 'auto'
    });
  }
});

function tabParentHeight() {
  var ph = $('.cus_tabs').height();
  var ch = $('.cus_tabs ul').height();
  if (ch > ph) {
    $('.cus_tabs').css({
      'height': ch + 'px'
    });
  } else {
    $(this).parent().css({
      'height': 'auto'
    });
  }
}

$(window).resize(function() {
  tabParentHeight();
});

$(document).resize(function() {
  tabParentHeight();
});
tabParentHeight();




// product filter//

 $(document).ready(function(){
  $("#filter_open").click(function(){
    $("#filter_widget").addClass("menu_filter_actives");
    $(".variant").addClass("menu_block");
    $(".sort_by").addClass("sort_block");
    $('.filter_drop').addClass('menu_filter_actives');
  });
 
  $(".closedid").click(function(){
    $("#filter_widget").removeClass("menu_filter_actives");
    $(".variant ").removeClass("menu_block");
    $(".sort_by").removeClass("sort_block");
    $('.filter_drop ').removeClass('menu_filter_actives');
   
  });
  
});

$(document).ready(function(){
  $("#category_filter_open").click(function(){
    $("#mobile_widget").addClass("menu_filter_active");
    $('.filterBackDrop').addClass('menu_filter_active');
    $(".submenu_filter").addClass("menu_filter_active");
  });
  
  $(".cancel").click(function(){
    $("#mobile_widget").removeClass("menu_filter_active");
    $('.filterBackDrop').removeClass('menu_filter_active');
    $(".submenu_filter").removeClass("menu_filter_active");
  });
});
  
// ///////////////////// Custom Slect box ////////////////////////////////////////////////////////

var accordions = document.getElementsByClassName("accordion");
for (let i = 0; i < accordions.length; i++) {
    accordions[i].addEventListener("click",function () {
        this.classList.toggle("actives");
        var panel = this.nextElementSibling;
        if (panel.style.maxHeight) {
            panel.style.maxHeight = null;
        } else {
            panel.style.maxHeight = panel.scrollHeight + "px";
        }
    });
}


// ///////////////////////////////////////////////////////////////////////////////////////////////////////




    // ABOUT CAR MOVINING
    
          // ABOUT CAR MOVINING
    
      $(document).ready(function () {

      window.addEventListener('mousewheel', function (e) {
        let vehiclePos = $('.vehicle img');
        e.wheelDelta < 0 ? vehiclePos.css('transform', 'rotate(0deg)') : vehiclePos.css('transform', 'rotate(180deg)');
        
      });

      var $win = $(window);
      $veh = $('.roadmap-container'),
        winH2 = 0,
        winSt = 0,
        sCount = 0;

      function reveal() {
        winSt = $win.scrollTop();
        winH2 = $win.height() / 2;

        $veh.each(function (i, el) {
          let first = 1200;
          let second = 254;
          sCount++;
          let y = el.getBoundingClientRect().top,
            toMiddleMax = Math.max(10, y - winH2),
            idealMarg = Math.min(0, toMiddleMax),
            margMin = Math.min(idealMarg, idealMarg * (toMiddleMax / winH2));
          let translate = $(window).scrollTop().toFixed(3);
          if (translate > y && y < window.innerHeight) {
            //  $(".vehicle", this).css({ transform: `translateY(${translate - first}px)` });
            if(translate - first > 0 && translate - first < $veh.innerHeight())
            $(".vehicle", this).css({ transform: `translateY(${translate - first}px)`});
          }


          let track = ($('.tracks .track').innerHeight()) - ($('.tracks .track').innerHeight()) + 100;
          let story1 = $('.stories-wrapper .story1');
          if (translate-first > track) {
            story1.fadeIn();
          } else {
            story1.fadeOut();
          }
          let track2 = ($('.tracks .track').innerHeight()) + 200;
          let story2 = $('.stories-wrapper .story2');
          if (translate-first > track2) {
            story2.fadeIn();
          } else {
            story2.fadeOut();
          }
          let track3 = (($('.tracks .track').innerHeight()) * 2) + 200;
          let story3 = $('.stories-wrapper .story3');
          if (translate-first > track3) {
            story3.fadeIn();
          } else {
            story3.fadeOut();
          }
          let track4 = (($('.tracks .track').innerHeight()) * 3) + 200;
          let story4 = $('.stories-wrapper .story4');
          if (translate-first > track4) {
            story4.fadeIn();
          } else {
            story4.fadeOut();
          }

        });
      }
      $win.on({ "load resize scroll": reveal });

    });//jQuery
    
    //////END//jQuery
    
    //////END
    
///////////////// Faq, product detials tabs//////////////////////

       $(document).ready(function () {
            var $tabs = $('#horizontalTab');
            $tabs.responsiveTabs({
                rotate: false,
                startCollapsed: 'accordion',
                collapsible: 'accordion',
                setHash: true,
              
                click: function(e, tab) {
                    $('.info').html('Tab <strong>' + tab.id + '</strong> clicked!');
                },
                activate: function(e, tab) {
                    $('.info').html('Tab <strong>' + tab.id + '</strong> activated!');
                },
                activateState: function(e, state) {
                    //console.log(state);
                    $('.info').html('Switched from <strong>' + state.oldState + '</strong> state to <strong>' + state.newState + '</strong> state!');
                }
            });

            $('#start-rotation').on('click', function() {
                $tabs.responsiveTabs('startRotation', 1000);
            });
            $('#stop-rotation').on('click', function() {
                $tabs.responsiveTabs('stopRotation');
            });
            $('#start-rotation').on('click', function() {
                $tabs.responsiveTabs('active');
            });
            $('#enable-tab').on('click', function() {
                $tabs.responsiveTabs('enable', 3);
            });
            $('#disable-tab').on('click', function() {
                $tabs.responsiveTabs('disable', 3);
            });
            $('.select-tab').on('click', function() {
                $tabs.responsiveTabs('activate', $(this).val());
            });

        });
   
///////////////////////////////////////

    $(".tab_content").hide();
    $(".tab_content:first").show();

  /* if in tab mode */
    $(".tabs li").click(function() {
		
      $(".tab_content").hide();
      var activeTab = $(this).attr("rel"); 
      $("#"+activeTab).fadeIn();		
		
      $(".tabs li").removeClass("active");
      $(this).addClass("active");

	  $(".tab_drawer_heading").removeClass("d_active");
	  $(".tab_drawer_heading[rel^='"+activeTab+"']").addClass("d_active");
	  
  
    });
    $(".tab_container").css("min-height", function(){ 
      return $(".tabs").outerHeight() + 50;
    });
	/* if in drawer mode */
	$(".tab_drawer_heading").click(function() {
      
      $(".tab_content").hide();
      var d_activeTab = $(this).attr("rel"); 
      $("#"+d_activeTab).fadeIn();
	  
	  $(".tab_drawer_heading").removeClass("d_active");
      $(this).addClass("d_active");
	  
	  $(".tabs li").removeClass("active");
	  $(".tabs li[rel^='"+d_activeTab+"']").addClass("active");
    });
	
	


 document.addEventListener('DOMContentLoaded', function () {
  new SmartPhoto(".js-smartphoto", {
    arrows: true,
    nav: true

  });

});


// modal popup
  
  $(function() {
  //----- OPEN
  $("[data-pd-popup-open]").on("click", function(e) {
    var targeted_popup_class = $(this).attr("data-pd-popup-open");
    $('[data-pd-popup="' + targeted_popup_class + '"]').fadeIn(100);
    $("body").addClass("popup-open");
    e.preventDefault();
  });

  //----- CLOSE
  $("[data-pd-popup-close]").on("click", function(e) {
    var targeted_popup_class = $(this).attr("data-pd-popup-close");
    $('[data-pd-popup="' + targeted_popup_class + '"]').fadeOut(200);
    $("body").removeClass("popup-open");
    e.preventDefault();
  });
});


// 



$('#chooseFile').bind('change', function () {
  var filename = $("#chooseFile").val();
  if (/^\s*$/.test(filename)) {
    $(".file-upload").removeClass('active');
    $("#noFile").text("No file chosen..."); 
  }
  else {
    $(".file-upload").addClass('active');
    $("#noFile").text(filename.replace("C:\\fakepath\\", "")); 
  }
});


//////////captcha////

function onSubmit(token) {
  document.getElementById("ikio-contact").submit();
}

// //  www/////////////


jQuery(document).ready(function (e) {
  function t(t) {
    e(t).bind("click", function (t) {
      t.preventDefault();
      e(this).parent().fadeOut()
    })
  }
  e(".dropdown-toggle").click(function () {
    var t = e(this).parents(".button-dropdown").children(".sub_menu").is(":hidden");
    e(".button-dropdown .sub_menu").hide();
    e(".button-dropdown .dropdown-toggle").removeClass("active");
    if (t) {
      e(this).parents(".button-dropdown").children(".sub_menu").toggle().parents(".button-dropdown").children(".dropdown-toggle").addClass("active")
    }
  });
  e(document).bind("click", function (t) {
    var n = e(t.target);
    if (!n.parents().hasClass("button-dropdown")) e(".button-dropdown .sub_menu").hide();
  });
  e(document).bind("click", function (t) {
    var n = e(t.target);
    if (!n.parents().hasClass("button-dropdown")) e(".button-dropdown .dropdown-toggle").removeClass("active");
  })
});



  $(document).ready(function(){
        // Add minus icon for collapse element which is open by default
        $(".collapse.show").each(function(){
        	$(this).prev(".card-header").find(".fa").addClass("fa-minus").removeClass("fa-plus");
        });
        
        // Toggle plus minus icon on show hide of collapse element
        $(".collapse").on('show.bs.collapse', function(){
        	$(this).prev(".card-header").find(".fa").removeClass("fa-plus").addClass("fa-minus");
        }).on('hide.bs.collapse', function(){
        	$(this).prev(".card-header").find(".fa").removeClass("fa-minus").addClass("fa-plus");
        });
    });


/////////////////

$(document).ready(function(){
     $('.required_inner_custom').click(function(e){
        $('.required_filed').toggleClass("active_select");
     });
});


$(document).ready(function(){
     $('.back').click(function(e){
        $('.sub_back').css("display", "none")
     });
});



//product Detail  //

$(document).ready(function(){
  $('.thumb a').click(function(e){
      e.preventDefault();
      $('.pro_box img').attr("src" , $(this).attr("href"))
  })
})

$(document).ready(function(){
  $('ul.tabs li').click(function () {
    var tab_id = $(this).attr('href');

    $('ul.tabs li').removeClass('current');
    $('.tab-content').removeClass('current');

    $(this).addClass('current');
    $("#" + tab_id).addClass('current');
})

})


// search bar
$(document).ready(function(){
    $('.header__Search').click(function (){
        $('.search-open').addClass("opensearch");
        
    });
});

$(document).ready(function () {
  $('.close-icon').click(function(){
      $('.search-open').removeClass('opensearch');
  });
});
// 
 $(document).ready(function () {
    $('.mobo_button').click(function(){
     $(this).toggleClass('cross_bar')
     $('.ikio__main_menu').toggleClass('active_menu');    
    }); 
 });

$(document).ready(function () {
  $(window).scroll(function () {

    if ($(window).scrollTop() >= 300) {
      $('.ikio__bottom_nav').addClass('fixed_header')
    } else {
      $('.ikio__bottom_nav').removeClass('fixed_header')
    }

  });
});

$('.start_number').each(function () {
  var size = $(this).text().split(".")[1] ? $(this).text().split(".")[1].length : 0;
  $(this).prop('Counter', 0).animate({
     Counter: $(this).text()
  }, {
     duration: 8000,
     step: function (func) {
        $(this).text(parseFloat(func).toFixed(size));
     }
  });
});

// home page slide form




$(document).ready(function () {
  $(".formopner ").click(function () {
    $(".home_contactSlide").toggleClass("activeforms");
  });
  $(".closeform").click(function () {
    $(".home_contactSlide").removeClass("activeforms");
  });
});


// mouse move backgrdound image

(function () {
  var landing = document.getElementById('header-landing');
  var overlay = document.getElementById('overlay-landing');
  var scroll_start = window.innerHeight;
  if (landing) {
      var start, shape1_pos, shape2_pos;
      var shape1 = landing.querySelector('.shape.shape-1');
      var shape2 = landing.querySelector('.shape.shape-2');
      landing.addEventListener('mouseenter', event_mouseEnter);
      window.addEventListener('scroll', event_scroll);
  }
  function event_scroll(e) {
      var scroll = document.body.scrollTop;
      var scroll_max = document.body.scrollHeight - window.innerHeight;
      var percentage = ((scroll - scroll_start) / (scroll_max - scroll_start));
      if (percentage > .95) {
          percentage = .95;
      }
      if (scroll >= scroll_start) {
          set_background(overlay.querySelector('.overlay-landing__bg'), percentage);
      }
      // overlay.classList[scroll > scroll_start ? 'add' : 'remove']('show');
  }
  function event_mouseEnter(e) {
      start = get_position(e);
      shape1_pos = get_translate(shape1);
      shape2_pos = get_translate(shape2);
      if (shape1 && shape2) {
          shape1.style.transition = '';
          shape2.style.transition = '';
          landing.addEventListener('mousemove', event_mouseMove);
          landing.addEventListener('mouseleave', event_mouseLeave);
      }
  }
  function event_mouseMove(e) {
      var current = get_position(e);
      var x = start['x'] - current['x'];
      var y = start['y'] - current['y'];
      var x1 = shape1_pos.x - (x / 20);
      var y1 = shape1_pos.y - (y / 20);
      var x2 = shape2_pos.x - (x / 10);
      var y2 = shape2_pos.y - (y / 10);
      shape1.style.transform = 'translate3d(' + x1 + 'px,' + y1 + 'px, 0)';
      shape2.style.transform = 'translate3d(' + x2 + 'px,' + y2 + 'px, 0)';
  }

  function get_translate(element) {
      var style = getComputedStyle(element);
      var transform = style.transform || style['mozTransform'] || style['webkitTransform'];
      transform = transform.match(/\(([^)]+)\)/);
      if (transform && transform[1]) {
          var translate = transform[1].split(',');
          if (translate[4] && translate[5]) {
              return { x: parseInt(translate[4]), y: parseInt(translate[5]) };
          }
      }
  }
  function get_position(e) {
      var data = {};
      if (e.type == "MSPointerMove") {
          data['x'] = e.pageX;
          data['y'] = e.pageY;
      }
      else if (e.type == "touchmove") {
          data['x'] = e.touches[0].pageX,
              data['y'] = e.touches[0].pageY;
      }
      else {
          data['x'] = e.pageX,
              data['y'] = e.pageY;
      }
      return data;
  }
  function set_background(element, percentage) {
      element.style.background = 'linear-gradient(rgba(0, 0, 0, ' + percentage + '), #000) top';
  }
})();
// ENDS HERE



// jassor slider 

 window.jssor_1_slider_init = function () {

    var jssor_1_SlideoTransitions = [
      [{ b: -1, d: 1, ls: 0.5 }, { b: 0, d: 1000, y: 5, e: { y: 6 } }],
      [{ b: -1, d: 1, ls: 0.5 }, { b: 200, d: 1000, y: 25, e: { y: 6 } }],
      [{ b: -1, d: 1, ls: 0.5 }, { b: 400, d: 1000, y: 45, e: { y: 6 } }],
      [{ b: -1, d: 1, ls: 0.5 }, { b: 600, d: 1000, y: 65, e: { y: 6 } }],
      [{ b: -1, d: 1, ls: 0.5 }, { b: 800, d: 1000, y: 85, e: { y: 6 } }],
      [{ b: -1, d: 1, ls: 0.5 }, { b: 500, d: 1000, y: 195, e: { y: 6 } }],
      [{ b: 0, d: 2000, y: 30, e: { y: 3 } }],
      [{ b: -1, d: 1, rY: -15, tZ: 100 }, { b: 0, d: 1500, y: 30, o: 1, e: { y: 3 } }],
      [{ b: -1, d: 1, rY: -15, tZ: -100 }, { b: 0, d: 1500, y: 100, o: 0.8, e: { y: 3 } }],
      [{ b: 500, d: 1500, o: 1 }],
      [{ b: 0, d: 1000, y: 380, e: { y: 6 } }],
      [{ b: 300, d: 1000, x: 80, e: { x: 6 } }],
      [{ b: 300, d: 1000, x: 330, e: { x: 6 } }],
      [{ b: -1, d: 1, r: -110, sX: 5, sY: 5 }, { b: 0, d: 2000, o: 1, r: -20, sX: 1, sY: 1, e: { o: 6, r: 6, sX: 6, sY: 6 } }],
      [{ b: 0, d: 600, x: 150, o: 0.5, e: { x: 6 } }],
      [{ b: 0, d: 600, x: 1140, o: 0.6, e: { x: 6 } }],
      [{ b: -1, d: 1, sX: 5, sY: 5 }, { b: 600, d: 600, o: 1, sX: 1, sY: 1, e: { sX: 3, sY: 3 } }]
    ];

    var jssor_1_options = {
      $AutoPlay: 1,
      $LazyLoading: 1,
      $CaptionSliderOptions: {
        $Class: $JssorCaptionSlideo$,
        $Transitions: jssor_1_SlideoTransitions
      },
      $ArrowNavigatorOptions: {
        $Class: $JssorArrowNavigator$
      },
      $BulletNavigatorOptions: {
        $Class: $JssorBulletNavigator$,
        $SpacingX: 20,
        $SpacingY: 20
      }
    };

    var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

    /*#region responsive code begin*/

    var MAX_WIDTH = 3000;

    function ScaleSlider() {
      var containerElement = jssor_1_slider.$Elmt.parentNode;
      var containerWidth = containerElement.clientWidth;

      if (containerWidth) {

        var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

        jssor_1_slider.$ScaleWidth(expectedWidth);
      }
      else {
        window.setTimeout(ScaleSlider, 30);
      }
    }

    ScaleSlider();

    $Jssor$.$AddEvent(window, "load", ScaleSlider);
    $Jssor$.$AddEvent(window, "resize", ScaleSlider);
    $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
    /*#endregion responsive code end*/
  };


//  aos animation
 AOS.init({
    delay: 100,
  })


  $(document).ready(function (){
     $('.career_message').click(function(){
        $(this).addClass('none_cross');
     });



  });
//snoweff
  $(document).ready(function(){
    $('.back').click(function(e){
       $('.sub_back').css("display", "none")
    });
    setTimeout(function() { $(".snowwraps").fadeOut(1500); }, 3000);
});