//CALLING THE SLIDERS TINY SLIDERS


AOS.init();

$(window).on("scroll", function() {
  var yPos = $(this).scrollTop(); // Get the scroll Y-position
  if(yPos > $(window).height()){
	   $('.header_buy_sell').addClass('act');
  }else{
	   $('.header_buy_sell').removeClass('act');
	   
  }
  
});	



function getUrlParams(url) {
    var params = {};
    url.substring(1).replace(/[?&]+([^=&]+)=([^&]*)/gi,
            function (str, key, value) {
                 params[key] = value;
            });
    return params;
}

	  
$(document).ready(function(e){
	
	
	
	
if($(".claim_family").length > 0){
//$('.model_select option').hide();
$(".claim_family").change(function() {
	var value = $(this).val();
	
	
	$('.product_type').val('');
	$('.product_type').find("span").contents().unwrap();
	$('.product_type option').wrap('<span/>');
	$('.product_type option[data-value="'+value+'"]').unwrap();	
	$('.product_type').find("span").first().contents().unwrap();	
	$(".product_type").prop("selectedIndex", 0);	
	
	if(value=='Product and Services Claim')
	{
		$('.p_type').slideDown(400);
	}
	else{
		$('.p_type').slideUp(400);
	}
	
	
	
	
	//$('.model_select').val('');
	//$('.model_select option').hide();
	//$('.model_select option[data-brand="'+value+'"]').show();		
	
});	
}
	
	
	
	
	
	
	
	
	
	 $('.go_down').click(function() {$('html, body').animate({scrollTop: 0}, 500);return false;});
	 
	  // Back to top button
  $(window).scroll(function() {
    if ($(this).scrollTop() > $(window).height()) {
      $('.go_down').fadeIn('slow');
    } else {
      $('.go_down').fadeOut('slow');
    }
  });
  
  
  
  
var searchString = window.location.search.substring(1); 

if(searchString=='our-executive-team'){
    $('html, body').animate({
        scrollTop: $("#our-executive-team").offset().top
    }, 1000);
}
      var j=1;  
      $('.history_add').click(function(){  
           j++;  

		   $('#dynamic_field').append('<div id="row_'+j+'" class="colw-100 row" data-spacing="15"><div class="colw-50 res-s-100 form-group"><label>Position / Job title</label><input type="text" name="history_position[]" /></div><div class="colw-50 res-s-100 form-group"><label>Year</label><input type="text" name="history_year[]"  /></div><div class="colw-50 res-s-100 form-group"><label>Company</label><input type="text" name="history_company[]" /></div><div class="colw-50 res-s-100 form-group"><label>Phone number</label><input type="text" name="history_phone[]"/></div><div class="colw-50 res-s-100 form-group mb-15"><label>Direct Manager</label><input type="text" name="history_direct_manager[]" /></div><div class="colw-50 res-s-100 form-group mb-15"><label>&nbsp;</label><button type="button" name="remove" id="d_'+j+'" class="font-16 line-20 color3 font-medium cur btn_remove">Remove</button></div></div></div>');  
		   
		   
      }); 
 
      $(document).on('click', '.btn_remove', function(){  
           var button_id = $(this).attr("id");   
		   var button_id = button_id.replace('d_',''); 
           $('#row_'+button_id+'').remove();  	   
      }); 





      var c=1;  
      $('.references_add').click(function(){  
           c++;  

		   $('#dynamic_field1').append('<div id="row1_'+c+'" class="colw-100 row" data-spacing="15"><div class="colw-50 res-s-100 form-group"><label>Reference</label><input type="text" name="references_reference[]" /></div><div class="colw-50 res-s-100 form-group"><label>Full Name</label><input type="text" name="references_name[]"  /></div><div class="colw-50 res-s-100 form-group"><label>Email address</label><input type="text" name="references_email" /></div><div class="colw-50 res-s-100 form-group"><label>Phone number</label><input type="text" name="references_phone[]"  /></div><div class="colw-50 res-s-100 form-group mb-15"><label>&nbsp;</label><button type="button" name="remove" id="d1_'+c+'" class="font-16 line-20 color3 font-medium cur btn_remove1">Remove</button></div></div></div>');  
		   
		   
      }); 
 
      $(document).on('click', '.btn_remove1', function(){  
           var button_id = $(this).attr("id");   
		   var button_id = button_id.replace('d1_',''); 
           $('#row1_'+button_id+'').remove();  	   
      }); 









$(".apply_button").click(function(e) {
	
	$('html, body').animate({
        scrollTop: $("#submit_form").offset().top
    }, 500);
	
	$('.job_interest').val($(this).attr('data-title'));
	
})



$(".click_search").click(function() {
	if($('.click_search').hasClass('submit_form'))
	{
		
		$('.search_form').submit();
	}else{
	$('.input_search').toggleClass('active');
	$('.click_search').toggleClass('submit_form');
	}
	
});	


	
	if($(window).width()<960)
	{
		//$('.jarallax-m').jarallax('destroy');

	}
$(".scroll_up").click(function() {
    $('html, body').animate({
        scrollTop:0
    }, 1000);
});
	
$("#validatedCustomFile").change(function() {
    var val = $(this).val();
	$('input[name=cv_f]').attr("placeholder", val);
});
	
$(".mobile_click").click(function() {
    var id  = $(this).attr('data-id');
	$('.menu_box_mobile').slideUp(400)
	
	$('#cat_'+id).slideDown(400)
});	
	
$(".mouse").click(function() {
    $('html, body').animate({
        scrollTop: $(".core_value").offset().top
    }, 1000);
});

	
	$(".scroll_down").click(function() {
    $('html, body').animate({
        scrollTop: $("#about").offset().top
    }, 1000);
});


	$(".back_top img").click(function() {
    $('html, body').animate({
        scrollTop: $(".filter").offset().top
    }, 1000);
});


$(".list_click").click(function() {
		
		if($(this).hasClass('act'))
		{
			$(this).find('.text_none').slideUp(400);
			$(this).removeClass('act');	
			$(this).find('.fa').addClass('fa-chevron-down');
			$(this).find('.fa').removeClass('fa-chevron-up');			
		}
		else{
			$(this).find('.text_none').slideDown(400);
			$(this).addClass('act');
			$(this).find('.fa').removeClass('fa-chevron-down');
			$(this).find('.fa').addClass('fa-chevron-up');
		}
		

});





// Show the first tab and hide the rest
$('#tabs-nav li:first-child').addClass('active');
$('.tab-content').hide();
$('.tab-content:first').show();

// Click function
$('#tabs-nav li').click(function(){
  $('#tabs-nav li').removeClass('active');
  $(this).addClass('active');
  $('.tab-content').hide();
  
  var activeTab = $(this).find('a').attr('href');
  $(activeTab).fadeIn();
  return false;
});
	
	

	
		$(".animsition").animsition({
	   inClass: 'fade-in',
       outClass: 'fade-out',
	   inDuration: 1000,
	   outDuration: 700,
	   linkElement: 'nav1 a',
	   linkElement: 'a:not([target="_blank"]):not([href^="#"])',
	   loading:false,
	   loadingParentElement: 'body', //animsition wrapper element
	   loadingClass: 'spinner',
	   loadingInner: '<div class="corners"><div class="corner corner--1"></div><div class="corner corner--2"></div><div class="corner corner--3"></div><div class="corner corner--4"></div></div>', // e.g '<img src="loading.svg" />'
	   timeout: false,
	   timeoutCountdown:5000,
	   onLoadEvent: true,
	   browser: [ 'animation-duration', '-webkit-animation-duration'],
	   // "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
	   // The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
	   overlay : false,
	   overlayClass : 'animsition-overlay-slide',
	   overlayParentElement : 'body',
	   transition: function(url){ window.location.href = url; }
	});
	
	
	
	
	
	
	
	
  var $filters = $('.filter_check input'),
    $boxes = $('.boxes [data-category]');

  $filters.on('click', function(e) {
	  
    $('html, body').animate({
        scrollTop: $(".boxes").offset().top
    }, 1000);	  
   // e.preventDefault();
    var $this = $(this);
    
    //$filters.removeClass('active');
    //$this.addClass('active');

    var $filterColor = $this.attr('data-filter');
//alert($filterColor)
    if ($filterColor == 'all') {
      $boxes.removeClass('is-animated')
        .fadeOut().finish().promise().done(function() {
          $boxes.each(function(i) {
            $(this).addClass('is-animated').delay((i++) * 200).fadeIn();
          });
        });
    } else {
      $boxes.removeClass('is-animated')
        .fadeOut().finish().promise().done(function() {
			
		$('.filter_check input[name="id_cat"]:checked').each(function(i) {

		   $filterColor = this.value;
		     $boxes.filter('[data-category = "' + $filterColor + '"]').each(function() {
					$(this).addClass('is-animated').fadeIn();
			});
		  
		});	
			

		  
		  
        });
    }
  });
  
  
  
  
$("#validatedCustomFile").change(function() {
    var val = $(this).val();
	$('input[name=company_profile_f]').attr("placeholder", val);
});	
$("#validatedCustomFile1").change(function() {
    var val = $(this).val();
	$('input[name=trade_license_f]').attr("placeholder", val);
});		
if($('.id_sectors').length>0){	
	    $('.id_sectors').multiSelect({selectableOptgroup: true, keepOrder: true ,  selectableHeader: "<div class='custom-header'>Selectable items</div>",
  selectionHeader: "<div class='custom-header'>Selection items</div>",
   afterInit: function(ms){
    var that = this,
        $selectableSearch = that.$selectableUl.prev(),
        $selectionSearch = that.$selectionUl.prev(),
        selectableSearchString = '#'+that.$container.attr('id')+' .ms-elem-selectable:not(.ms-selected)',
        selectionSearchString = '#'+that.$container.attr('id')+' .ms-elem-selection.ms-selected';
   }
  });
}
	
	

	
	
if(jQuery(window).width()<960){
if($('.filter').length>0){		
	$('.filter').slick({
		dots: false,
		arrows: false,
		infinite: false,
		slidesToShow: 7,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 5000,
		speed: 800,
		fade:false,
		//prevArrow: '<button class="leftLst  latest_arrow"><img src="./assets/img/left.svg"></button>',
		//nextArrow: '<button class="rightLst latest_arrow"><img src="./assets/img/right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 960,
		  		settings: {
				slidesToShow:2,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	})	
}
}
	
if($('.banners').length>0){		
	$('.banners').slick({
		dots: true,
		arrows: false,
		infinite: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 8000, cssEase: 'cubic-bezier(0.7, 0, 0.3, 1)',touchThreshold: 100,
		speed: 1000,
		fade:false,
	}).slickAnimation();	
}
	

if($('.gallery_slick').length>0){	
	$('.gallery_slick').slick({
		dots: false,
		arrows: true,
		infinite: true,
		slidesToShow: 5,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 3000,

		prevArrow: '<button class="leftLst  latest_arrow"><img src="'+$('#base_url').val()+'assets/images/left.svg"></button>',
		nextArrow: '<button class="rightLst latest_arrow"><img src="'+$('#base_url').val()+'assets/images/right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 2,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}



if($('.our_clients_slick').length>0){	
	$('.our_clients_slick').slick({
		dots: false,
		arrows: true,
		infinite: true,
		slidesToShow: 4,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 3000,
		fade:false,
		pauseOnHover: true,
        pauseOnFocus: false,
		prevArrow: '<button class="leftLst  latest_arrow"><img src="'+$('#base_url').val()+'assets/img/left_arrow.svg"></button>',
		nextArrow: '<button class="rightLst latest_arrow"><img src="'+$('#base_url').val()+'assets/img/right_arrow.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}
if($('.projects_slick_home').length>0){	
	$('.projects_slick_home').slick({
		dots: false,
		arrows: true,
		infinite: true,
		slidesToShow: 4,
		slidesToScroll: 1,
		autoplay: false,
		autoplaySpeed: 3000,
		fade:false,
		pauseOnHover: true,
        pauseOnFocus: false,
		prevArrow: '<button class="leftLst  latest_arrow"><img src="'+$('#base_url').val()+'assets/img/left_arrow.svg"></button>',
		nextArrow: '<button class="rightLst latest_arrow"><img src="'+$('#base_url').val()+'assets/img/right_arrow.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}

if($('.news_gallery').length>0){	
	$('.news_gallery').slick({
		dots: true,
		arrows: false,
		infinite: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 3000,
		fade:true,		                pauseOnHover: true,
                pauseOnFocus: false,
		//prevArrow: '<button class="leftLst  latest_arrow"><img src="'+$('#base_url').val()+'assets/images/left-svgrepo-com.svg"></button>',
		//nextArrow: '<button class="rightLst latest_arrow"><img src="'+$('#base_url').val()+'assets/images/right-svgrepo-com.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}



if($('.home_videos_slick').length>0){	
	$('.home_videos_slick').slick({
		dots: false,
		arrows: false,
		infinite: true,
		slidesToShow: 3,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 3000,

		//prevArrow: '<button class="leftLst  latest_arrow"><img src="./assets/img/left.svg"></button>',
		//nextArrow: '<button class="rightLst latest_arrow"><img src="./assets/img/right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}



if($('.home_listings_all').length>0){	
	$('.home_listings_all').slick({
		dots: true,
		arrows: false,
		infinite: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 5000,
		speed:2500,
		                pauseOnHover: true,
                pauseOnFocus: false,
		//prevArrow: '<button class="leftLst  latest_arrow"><img src="./assets/img/left.svg"></button>',
		//nextArrow: '<button class="rightLst latest_arrow"><img src="./assets/img/right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}


if($('.home_listings_hot').length>0){	
	$('.home_listings_hot').slick({
		dots: true,
		arrows: false,
		infinite: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 5000,
		speed:2500,
		                pauseOnHover: true,
                pauseOnFocus: false,
		//prevArrow: '<button class="leftLst  latest_arrow"><img src="./assets/img/left.svg"></button>',
		//nextArrow: '<button class="rightLst latest_arrow"><img src="./assets/img/right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}




if($('.gallery_slick_nav').length>0){	
	$('.gallery_slick_nav').slick({
		dots: false,
		arrows: false,
		infinite: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		autoplay: false,fade:true,
		autoplaySpeed: 3000,focusOnSelect: true,
		 asNavFor: '.gallery_slick_for',
		//prevArrow: '<button class="leftLst  latest_arrow"><img src="'+$('#base_url').val()+'assets/images/left.svg"></button>',
		//nextArrow: '<button class="rightLst latest_arrow"><img src="'+$('#base_url').val()+'assets/images/right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}
if($('.gallery_slick_for').length>0){	
	$('.gallery_slick_for').slick({
		dots: false,
		arrows: true,
		infinite: true,
		slidesToShow: 5,
		slidesToScroll: 1, asNavFor: '.gallery_slick_nav',
		autoplay: false,
		autoplaySpeed: 3000,
		focusOnSelect: true,
		prevArrow: '<button class="leftLst  latest_arrow"><img src="'+$('#base_url').val()+'assets/images/left.svg"></button>',
		nextArrow: '<button class="rightLst latest_arrow"><img src="'+$('#base_url').val()+'assets/images/right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 2,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}



if($('.counter').length>0){		
	initCounter();
	// Counter init
	function initCounter() {
		"use strict";

		$('.counter').counterUp({
			delay: 10,
			time: 2000
		});
	}	
}
if($('.home_work_slick').length>0){	
	$('.home_work_slick').slick({
		dots: false,
		arrows: true,
		infinite: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 3000,

		prevArrow: '<button class="leftLst displaynone  latest_arrow"><img src="./assets/img/left.svg"></button>',
		nextArrow: '<button class="rightLst latest_arrow"><img width="70" src="'+$('#base_url').val()+'assets/img/work_right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}

if($('.home_sold_listings').length>0){	
	$('.home_sold_listings').slick({
		dots: false,
		arrows: false,
		infinite: true,
		slidesToShow: 3,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 3000,

		//prevArrow: '<button class="leftLst displaynone  latest_arrow"><img src="./assets/img/left.svg"></button>',
		//nextArrow: '<button class="rightLst latest_arrow"><img width="70" src="'+$('#base_url').val()+'assets/img/work_right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}

if($('.isotope').length>0){
  $('.isotope').isotope({
    itemSelector: '.isotope .item',
    masonry: {
    }
  });

  var $container = $('.isotope');
  // init
  $container.isotope({
  
    // options
    itemSelector: '.item',
  });
}

if($('.projects_slick').length>0){	
	$('.projects_slick').slick({
		dots: false,
		arrows: true,
		infinite: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		autoplay: false,
		autoplaySpeed: 3000,
		fade:true,
		 asNavFor: '.projects_slick_for',
		prevArrow: '<button class="leftLst  latest_arrow"><img src="'+$('#base_url').val()+'assets/img/left.svg"></button>',
		nextArrow: '<button class="rightLst latest_arrow"><img src="'+$('#base_url').val()+'assets/img/right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}

if($('.projects_slick_for').length>0){	
	$('.projects_slick_for').slick({
		dots: false,
		arrows: false,
		infinite: true,
		slidesToShow: 2, asNavFor: '.projects_slick',focusOnSelect: true,
		slidesToScroll: 1,
		rows:2,
		autoplay: false,
		autoplaySpeed: 3000,
		fade:false,
		//prevArrow: '<button class="leftLst  latest_arrow"><img src="./assets/img/left.svg"></button>',
		//nextArrow: '<button class="rightLst latest_arrow"><img src="./assets/img/right.svg"></button>',
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 2,
				slidesToScroll: 1,

		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}


	
	$(".search_box").click(function(){
		//$(this).toggleClass("slided");
		$(".js_desktop_search_holder").slideToggle(400);

	});	
$('a[href="#"]').click(function(e) {e.preventDefault(); });

$(".click").click(function(e) {


	e.preventDefault();

	
	if(!$(this).find('.ddm').hasClass('current'))
	{
		$('nav li .ddm').removeClass('current');
		$('nav li .ddm').removeClass('act');
		$('nav li span').removeClass('act');
		
		
		$(this).find('.ddm').addClass('current');
		$(this).find('.ddm').addClass('act');
		$(this).find('span').addClass('act');
	}
	else{
		//$('header .row.py-30').removeClass('black');
		$(this).find('.ddm').removeClass('current');
		$(this).find('.ddm').removeClass('act');
		$(this).find('span').removeClass('act');
	}

	

});	




if($(window).width()>960){
$('.items_bg').each(function () {
    var html = "<div class='items_bg' style='background-image:url(" + $(this).attr('src') + ")'></div>"
    $(html).insertBefore($(this));
    $(this).remove();
});	
}

$('.img_bg').each(function () {
    var html = "<div class='img-bg' style='background:url(" + $(this).attr('src') + ") center center no-repeat; background-size:cover;'></div>"
    $(html).insertBefore($(this));
    $(this).remove();
});	
	
	
	
	$(".trigger").click(function(){
		//$(this).toggleClass("slided");
		$(".trigger > div").toggleClass("close");
		//$(".sitewrapper").toggleClass("slided");
		//$("nav").toggleClass("slided");
		$(".menu").toggleClass("slided");
		
	});		
	


	
if($('.clients_slick').length>0){	
	$('.clients_slick').slick({
		dots: false,
		arrows: false,
		infinite: true,
		slidesToShow: 5,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 3000,
		fade:false,
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}
if($('.products_slick').length>0){	
	$('.products_slick').slick({
		dots: false,
		arrows: false,
		infinite: true,
		slidesToShow: 1,
		slidesToScroll: 1,asNavFor: '.products_slick_nav',
		autoplay: true,
		autoplaySpeed: 3000,
		fade:true,
	});
}
if($('.products_slick_nav').length>0){	
	$('.products_slick_nav').slick({
		dots: false,
		arrows: false,
		infinite: true,
		slidesToShow: 3,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 3000,asNavFor: '.products_slick',  focusOnSelect: true,
		fade:false,
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 2,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}

if($('.related_slick').length>0){	
	$('.related_slick').slick({
		dots: true,
		arrows: false,
		infinite: true,
		slidesToShow: 4,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 3000,
		fade:false,
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}	


if($('.slcik_services').length>0){	
	$('.slcik_services').slick({
		dots: false,
		arrows: true,
		infinite: true,
		slidesToShow: 4,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 3000,
		fade:false,
		prevArrow: '<button class="leftLst  latest_arrow"><img src="'+$('#base_url').val()+'assets/img/left.svg"></button>',
		nextArrow: '<button class="rightLst latest_arrow"><img src="'+$('#base_url').val()+'assets/img/right.svg"></button>',		
		responsive: [
		{
		  	breakpoint: 480,
		  		settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
		  	}
		}
			// You can unslick at a given breakpoint now by adding:
			// settings: "unslick"
			// instead of a settings object
	  	]
	});
}	


    function photography_slider(){
        if ( $('#home_full_slider').length ){
            $("#home_full_slider").revolution({
				sliderType:"standard",
				sliderLayout:"fullwidth",
				dottedOverlay:"none",
				delay:7000,
				autoHeight: 'on',
				minHeight:480,
                navigation: {
					keyboardNavigation:"off",
					keyboard_direction: "horizontal",
					onHoverStop:"off",
					mouseScrollNavigation:"off",
                    mouseScrollReverse:"default",
					touch:{
					  touchenabled:"on",
					  swipe_threshold: 75,
					  swipe_min_touches: 1,
					  swipe_direction: "horizontal",
					  drag_block_vertical: false
					},
					bullets: {
					  enable: true,
					  hide_onmobile: true,

					  direction: "vertical",
					  h_align: "right",
					  v_align: "center",
					  h_offset: 80,
					  v_offset: 0,
					  space: 27
				  	}
				},
                responsiveLevels:[1920,1199,991,768,480],
                visibilityLevels:[1920,960,991,768,480],
                gridwidth:[1170,1024,991,768,480],
                gridheight:[950,768,600,600,480],
                lazyType:"none",
                shadow:0,
                spinner:"off",
                stopLoop:"on",
                stopAfterLoops:0,
                stopAtSlide:1,
                shuffle:"off",
                autoHeight:"on",
                fullScreenAutoWidth:"off",
                fullScreenAlignForce:"off",
                fullScreenOffsetContainer: "",
                fullScreenOffset: "",
                disableProgressBar:"on",
                hideThumbsOnMobile:"off",
                hideSliderAtLimit:0,
                hideCaptionAtLimit:0,
                hideAllCaptionAtLilmit:0,
                debugMode:false,
                fallbacks: {
                    simplifyAll:"off",
                    nextSlideOnWindowFocus:"off",
                    disableFocusListener:false,
                },
				parallax: {
                    type:"mouse",
                    origo:"slidercenter",
                    speed:2000,
                    levels:[2,3,4,5,6,7,12,16,10,50],
                },
            })
        }
    }
    photography_slider();


var hash = window.location.hash;

if(hash!='')
{
	$('#'+hash.replace('#','')).click()
}

	
});
	
	
var doc = document,
  slideList = doc.querySelectorAll(".slider-container");

var mobile = "false",
  isTestPage = false,
  isDemoPage = true,
  classIn = classIn,
  classOut = classOut,
  speed = 400,
  doc = document,
  win = window,
  initFns = {},
  sliders = new Object(),
  edgepadding = 50,
  gutter = 35;





//CONVERT IMG TO DIV.img-bg
var images = document.querySelectorAll(".css-bg");
for (var i = 0; i < images.length; i++) {
  var image = images[i];
  var imgsrc = image.src;

  // Create a new element
  var newNodeimg = document.createElement("div");
  newNodeimg.className = "img-bg";
  newNodeimg.setAttribute("style", "background-image: url(" + imgsrc + ")");

  // Get the reference node
  var referenceNode = images[i];
  // Insert the new node before the reference node
  referenceNode.parentNode.insertBefore(newNodeimg, referenceNode.nextSibling);
  image.parentNode.removeChild(image);
}

const tabTriggers = document.querySelectorAll("#tabTriggers li");
const tabContents = document.querySelectorAll("#tabContent li");

Array.from(tabTriggers).map((tabTrigger) => {
  tabTrigger.addEventListener("click", () => {
    let tabId = tabTrigger.dataset.tab;
    tabTrigger.classList.add("active");
    var tabSiblings = getSiblings(tabTrigger);

    for (var i = 0; i < tabSiblings.length; i++) {
      if (tabSiblings[i].classList.contains("active") > -1) {
        tabSiblings[i].classList.remove("active");
      }
    }

    Array.from(tabContents).map((tabCont) => {
      const tabContId = tabCont.dataset.tab;
      if (tabId === tabContId) {
        tabCont.classList.add("active");
        var siblings = getSiblings(tabCont);

        for (var i = 0; i < siblings.length; i++) {
          if (siblings[i].classList.contains("active") > -1) {
            siblings[i].classList.remove("active");
          }
        }
      }
    });
  });
});

function getSiblings(element) {
  // for collecting siblings
  var siblings = [];
  // if no parent, return no sibling
  if (!element.parentNode) {
    return siblings;
  }
  // first child of the parent node
  var sibling = element.parentNode.firstChild;

  // collecting siblings
  while (sibling) {
    if (sibling.nodeType === 1 && sibling !== element) {
      siblings.push(sibling);
    }
    sibling = sibling.nextSibling;
  }
  return siblings;
}
