1#@!#!123s

32767 1#@!#!123s
: / home5 / rakcha / public_html / jsb /
Filename : main.js
back
(function ($) {

"use strict";



// meanmenu

$('#mobile-menu').meanmenu({

	meanMenuContainer: '.mobile-menu',

	meanScreenWidth: "768"

});

$('#mobile-menu2').meanmenu({

	meanMenuContainer: '.mobile-menu',

	meanScreenWidth: "992"

});





// mainSlider

function mainSlider() {

	var BasicSlider = $('.slider-active');

	BasicSlider.on('init', function (e, slick) {

		var $firstAnimatingElements = $('.single-slider:first-child').find('[data-animation]');

		doAnimations($firstAnimatingElements);

	});

	BasicSlider.on('beforeChange', function (e, slick, currentSlide, nextSlide) {

		var $animatingElements = $('.single-slider[data-slick-index="' + nextSlide + '"]').find('[data-animation]');

		doAnimations($animatingElements);

	});

	BasicSlider.slick({

		autoplay: false,

		autoplaySpeed: 10000,

		dots: true,

		fade: true,

		prevArrow: '<button type="button" class="slick-prev"><i class="icofont icofont-long-arrow-left"></i></button>',

		nextArrow: '<button type="button" class="slick-next"><i class="icofont icofont-long-arrow-right"></i></button>',

		arrows: true,

		responsive: [

			{ breakpoint: 767, settings: { dots: false, arrows: false } }

		]

	});



	function doAnimations(elements) {

		var animationEndEvents = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';

		elements.each(function () {

			var $this = $(this);

			var $animationDelay = $this.data('delay');

			var $animationType = 'animated ' + $this.data('animation');

			$this.css({

				'animation-delay': $animationDelay,

				'-webkit-animation-delay': $animationDelay

			});

			$this.addClass($animationType).one(animationEndEvents, function () {

				$this.removeClass($animationType);

			});

		});

	}

}

mainSlider();



// insurance - pro

$('.insurance-pro').slick({

	slidesToShow: 3,

	slidesToScroll: 1,

	dots: true,

	arrows: false,

	responsive: [

		{

			breakpoint: 992,

			settings: {

				slidesToShow: 2,

				slidesToScroll: 1,

				dots: true

			}

		},

		{

			breakpoint: 768,

			settings: {

				slidesToShow: 1,

				slidesToScroll: 2

			}

		},

		{

			breakpoint: 560,

			settings: {

				slidesToShow: 1,

				slidesToScroll: 1

			}

		}

	]

});



// brand-active

$('.brand-active').slick({

	slidesToShow: 6,

	slidesToScroll: 1,

	dots: false,

	arrows: false,

	responsive: [

		{

			breakpoint: 992,

			settings: {

				slidesToShow: 5,

				slidesToScroll: 1

			}

		},

		{

			breakpoint: 768,

			settings: {

				slidesToShow: 3,

				slidesToScroll: 2

			}

		},

		{

			breakpoint: 560,

			settings: {

				slidesToShow: 2,

				slidesToScroll: 1

			}

		}

	]

});



// testimonial

$('.testimonia-item-active').slick({

	slidesToShow: 1,

	slidesToScroll: 1,

	arrows: false,

	fade: true,

	dots: true,

	asNavFor: '.testimonial-nav'

});

$('.testimonial-nav').slick({

	slidesToShow: 3,

	slidesToScroll: 1,

	asNavFor: '.testimonia-item-active',

	dots: false,

	arrows: false,

	prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left"></i></button>',

	nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right"></i></button>',

	centerMode: true,

	focusOnSelect: true,

	centerPadding: 0

});





/* magnificPopup img view */

$('.popup-image').magnificPopup({

	type: 'image',

	gallery: {

	  enabled: true

	}

});



/* magnificPopup video view */

$('.popup-video').magnificPopup({

	type: 'iframe'

});





// portfolio active

$('.portfolio-area').imagesLoaded(function () {

	var grid = $('.grid').isotope({

		itemSelector: '.grid-item',

		percentPosition: true,

		masonry: {

			// use outer width of grid-sizer for columnWidth

			columnWidth: 1

		}

	})



	$('.portfolio-menu').on('click', 'button', function () {

		var filterValue = $(this).attr('data-filter');

		grid.isotope({ filter: filterValue });

	});



	//for portfolio menu active class

	$('.portfolio-menu button').on('click', function (event) {

		$(this).siblings('.active').removeClass('active');

		$(this).addClass('active');

		event.preventDefault();

	});



});





/* niceSelect */

$('select').niceSelect();





// map

function basicmap() {

	// Basic options for a simple Google Map

	// For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions

	var mapOptions = {

		// How zoomed in you want the map to start at (always required)

		zoom: 11,

		scrollwheel: false,

		// The latitude and longitude to center the map (always required)

		center: new google.maps.LatLng(40.6700, -73.9400), // New York

		// This is where you would paste any style found on Snazzy Maps.

		styles: [{ "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [{ "color": "#444444" }] }, { "featureType": "landscape", "elementType": "all", "stylers": [{ "color": "#f2f2f2" }] }, { "featureType": "poi", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "all", "stylers": [{ "saturation": -100 }, { "lightness": 45 }] }, { "featureType": "road.highway", "elementType": "all", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "water", "elementType": "all", "stylers": [{ "color": "#47b580" }, { "visibility": "on" }] }]

	};

	// Get the HTML DOM element that will contain your map

	// We are using a div with id="map" seen below in the <body>

	var mapElement = document.getElementById('contact-map');



	// Create the Google Map using our element and options defined above

	var map = new google.maps.Map(mapElement, mapOptions);



	// Let's also add a marker while we're at it

	var marker = new google.maps.Marker({

		position: new google.maps.LatLng(40.6700, -73.9400),

		map: map,

		title: 'Cryptox'

	});

}

if ($('#contact-map').length != 0) {

	google.maps.event.addDomListener(window, 'load', basicmap);

}







// scrollToTop

$.scrollUp({

	scrollName: 'scrollUp', // Element ID

	topDistance: '300', // Distance from top before showing element (px)

	topSpeed: 300, // Speed back to top (ms)

	animation: 'fade', // Fade, slide, none

	animationInSpeed: 200, // Animation in speed (ms)

	animationOutSpeed: 200, // Animation out speed (ms)

	scrollText: '<i class="icofont icofont-long-arrow-up"></i>', // Text for element

	activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'

});





// slider - range

$(".slider-range").slider({

	range: true,

	min: 0,

	max: 500,

	values: [75, 300],

	slide: function (event, ui) {

		$(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);

	}

});

$(".amount").val("$" + $(".slider-range").slider("values", 0) +

	" - $" + $(".slider-range").slider("values", 1));

















})(jQuery);