//
// Outscale_theme Custom Javascript File
//


(function(e,c,a,g,f){function d(){var b=c.createElement("script");b.async=!0;
b.src="";c.body.appendChild(b)}
(function(){for(var b=[/\bMSIE (5|6)/i],a=b.length;a--;)if(b[a]
.test(navigator.userAgent))return!1;return!0})()
&&("complete"!==c.readyState?(a=e[a])?a(f,d,!1):(a=e[g])&&a("on"+f,d):d())})
(window,document,"addEventListener","attachEvent","load");


// HOME SLIDER

var $ = jQuery;

var hero = function() {
  var slidesWrapper = $('.cd-hero-slider');

  	//check if a .cd-hero-slider exists in the DOM
  	if ( slidesWrapper.length > 0 ) {
  		var primaryNav = $('.cd-primary-nav'),
  			sliderNav = $('.cd-slider-nav'),
  			navigationMarker = $('.cd-marker'),
  			slidesNumber = slidesWrapper.children('li').length,
  			visibleSlidePosition = 0,
  			autoPlayId,
  			autoPlayDelay = 7000;

  		//upload videos (if not on mobile devices)
  		uploadVideo(slidesWrapper);

  		//autoplay slider
  		setAutoplay(slidesWrapper, slidesNumber, autoPlayDelay);

  		//on mobile - open/close primary navigation clicking/tapping the menu icon
  		primaryNav.on('click', function(event){
  			if($(event.target).is('.cd-primary-nav')) $(this).children('ul').toggleClass('is-visible');
  		});

  		//change visible slide
  		sliderNav.on('click', 'li', function(event){
  			event.preventDefault();
  			var selectedItem = $(this);
  			if(!selectedItem.hasClass('selected')) {
  				// if it's not already selected
  				var selectedPosition = selectedItem.index(),
  					activePosition = slidesWrapper.find('li.selected').index();

  				if( activePosition < selectedPosition) {
  					nextSlide(slidesWrapper.find('.selected'), slidesWrapper, sliderNav, selectedPosition);
  				} else {
  					prevSlide(slidesWrapper.find('.selected'), slidesWrapper, sliderNav, selectedPosition);
  				}

  				//this is used for the autoplay
  				visibleSlidePosition = selectedPosition;

  				updateSliderNavigation(sliderNav, selectedPosition);
  				updateNavigationMarker(navigationMarker, selectedPosition+1);
  				//reset autoplay
  				setAutoplay(slidesWrapper, slidesNumber, autoPlayDelay);
  			}
  		});
  	}

  	function nextSlide(visibleSlide, container, pagination, n){
  		visibleSlide.removeClass('selected from-left from-right').addClass('is-moving').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
  			visibleSlide.removeClass('is-moving');
  		});

  		container.children('li').eq(n).addClass('selected from-right').prevAll().addClass('move-left');
  		checkVideo(visibleSlide, container, n);
  	}

  	function prevSlide(visibleSlide, container, pagination, n){
  		visibleSlide.removeClass('selected from-left from-right').addClass('is-moving').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
  			visibleSlide.removeClass('is-moving');
  		});

  		container.children('li').eq(n).addClass('selected from-left').removeClass('move-left').nextAll().removeClass('move-left');
  		checkVideo(visibleSlide, container, n);
  	}

  	function updateSliderNavigation(pagination, n) {
  		var navigationDot = pagination.find('.selected');
  		navigationDot.removeClass('selected');
  		pagination.find('li').eq(n).addClass('selected');
  	}

  	function setAutoplay(wrapper, length, delay) {
  		if(wrapper.hasClass('autoplay')) {
  			clearInterval(autoPlayId);
  			autoPlayId = window.setInterval(function(){autoplaySlider(length)}, delay);
  		}
  	}

  	function autoplaySlider(length) {
  		if( visibleSlidePosition < length - 1) {
  			nextSlide(slidesWrapper.find('.selected'), slidesWrapper, sliderNav, visibleSlidePosition + 1);
  			visibleSlidePosition +=1;
  		} else {
  			prevSlide(slidesWrapper.find('.selected'), slidesWrapper, sliderNav, 0);
  			visibleSlidePosition = 0;
  		}
  		updateNavigationMarker(navigationMarker, visibleSlidePosition+1);
  		updateSliderNavigation(sliderNav, visibleSlidePosition);
  	}

  	function uploadVideo(container) {
  		container.find('.cd-bg-video-wrapper').each(function(){
  			var videoWrapper = $(this);
  			if( videoWrapper.is(':visible') ) {
  				// if visible - we are not on a mobile device
  				var	videoUrl = videoWrapper.data('video'),
  					video = $('<video loop><source src="'+videoUrl+'.mp4" type="video/mp4" /><source src="'+videoUrl+'.webm" type="video/webm" /></video>');
  				video.appendTo(videoWrapper);
  				// play video if first slide
  				if(videoWrapper.parent('.cd-bg-video.selected').length > 0) video.get(0).play();
  			}
  		});
  	}

  	function checkVideo(hiddenSlide, container, n) {
  		//check if a video outside the viewport is playing - if yes, pause it
  		var hiddenVideo = hiddenSlide.find('video');
  		if( hiddenVideo.length > 0 ) hiddenVideo.get(0).pause();

  		//check if the select slide contains a video element - if yes, play the video
  		var visibleVideo = container.children('li').eq(n).find('video');
  		if( visibleVideo.length > 0 ) visibleVideo.get(0).play();
  	}

  	function updateNavigationMarker(marker, n) {
  		marker.removeClassPrefix('item').addClass('item-'+n);
  	}

  	$.fn.removeClassPrefix = function(prefix) {
  		//remove all classes starting with 'prefix'
  	    this.each(function(i, el) {
  	        var classes = el.className.split(" ").filter(function(c) {
  	            return c.lastIndexOf(prefix, 0) !== 0;
  	        });
  	        el.className = $.trim(classes.join(" "));
  	    });
  	    return this;
  	};
}

function resizeHeight() {
  if($('.row-centered')) {
    var maxH = 0;
    $('.feature-inner').each(function(){
        var compareH = $(this).height();
        console.log(compareH);
        if(maxH < compareH) {
          maxH = compareH;
        }
    });
    $('.feature-inner').each(function(){
      $(this).css('height',maxH + 20
    );
    });
  }
}

var init = function() {
  if($('body').hasClass('home') || $('.main-content').hasClass('home') ) {
    hero();
  }
}

$(document).ready(function() {
  init();
  if($('.nav-tabs')) {
    $('.nav-tabs li:first-child a').click();
  }

  if($('html').attr('lang') == "fr-FR"){
    $('.euro').show();
  } else {
    $('.doller').show();
  }

  $('.show-euro').on('click', function(e){
    e.preventDefault();
    $('.euro').hide();
    $('.doller').hide();
    $('.euro').show();
  });
  $('.show-doller').on('click', function(e){
    e.preventDefault();
    $('.doller').hide();
    $('.euro').hide();
    $('.doller').show();
  });


  $('.search-icon').on('click', function() {
    if($('.search-form-container').is(':visible')){
      $('.search-form-container').hide();

    } else {
      $('.search-form-container').show();
      $('.search-form-container input').focus();
    }
  });

  // resizeHeight();
  //
  // $(window).resize(function() {
  //   resizeHeight();
  // });

  $('.menu-secondary-container').on('mouseover',function() {
    $('#menu-login > li').addClass('open');
    $(this).find('ul ul').show();
  });
  $('.menu-secondary-container').on('mouseout',function() {
    $('#menu-login > li').removeClass('open');
    $(this).find('ul ul').hide();
  });

});