.-.-.-.-.-

(function ($) {
	"use strict";

/*------------------------------------------------------------------
	[Table of contents]

custom function
	portfolio gird
	banner slider
	single item slider
	number counter and skill bar animation
	skill bar and number counter
	mega navigation menu init
	countdown timer
	back to top
	insta feed
	video popup
	image popup
	map window opener add class
	Code For Switching Style (FOR DEMO)
	Contact From dynamic
	XpeedStudio multipile Maps
	XpeedStudio Maps

-------------------------------------------------------------------*/

/*==========================================================
				custom function
	======================================================================*/
	function xsFunction() {
		var xsContact = $('.xs-contact-form-wraper'),
			xsMap = $('.map-wraper-v2');

xsMap.css('height', xsContact.outerHeight());
	}

function email_patern(email) {
		var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		return regex.test(email);
	}

$(window).on('load', function () {

// custom xs function init
		xsFunction();

setTimeout(function () {
			$('#preloader').addClass('loaded');
		}, 500);

/*==========================================================
				portfolio gird
		======================================================================*/
		if ($('.xs-portfolio-grid').length > 0) {
			var $portfolioGrid = $('.xs-portfolio-grid'),
				colWidth = function () {
					var w = $portfolioGrid.width(),
						columnNum = 1,
						columnWidth = 0;
					if (w > 1200) {
						columnNum = 3;
					} else if (w > 900) {
						columnNum = 3;
					} else if (w > 600) {
						columnNum = 2;
					} else if (w > 450) {
						columnNum = 2;
					} else if (w > 385) {
						columnNum = 1;
					}
					columnWidth = Math.floor(w / columnNum);
					$portfolioGrid.find('.xs-portfolio-grid-item').each(function () {
						var $item = $(this),
							multiplier_w = $item.attr('class').match(/xs-portfolio-grid-item-w(\d)/),
							multiplier_h = $item.attr('class').match(/xs-portfolio-grid-item-h(\d)/),
							width = multiplier_w ? columnWidth * multiplier_w[1] : columnWidth,
							height = multiplier_h ? columnWidth * multiplier_h[1] * 0.4 - 12 : columnWidth * 0.5;
						$item.css({
							width: width,
						});
					});
					return columnWidth;
				},
				isotope = function () {
					$portfolioGrid.isotope({
						resizable: false,
						itemSelector: '.xs-portfolio-grid-item',
						masonry: {
							columnWidth: colWidth(),
							gutterWidth: 3
						}
					});
				};
			isotope();
			$(window).resize(isotope);
		} // End is_exists

}); // END load Function

$(document).ready(function () {

// custom xs function init
		xsFunction();

if ($('#volunteer_cv').length > 0) {
			$('#volunteer_cv').on('change', function (e) {
				var getValue = $(this).val(),
					fileName = getValue.replace(/C:\\fakepath\\/i, '');
				$(this).parent().parent().find('label').html(fileName);
			});

}

/*==========================================================
				banner slider
		======================================================================*/

/*==========================================================
					single item slider
		======================================================================*/
		if ($('.xs-single-item-slider').length > 0) {
			var singleItemSlider = $(".xs-single-item-slider");
			singleItemSlider.owlCarousel({
				items: 1,
				loop: true,
				mouseDrag: true,
				touchDrag: true,
				dots: false,
				nav: true,
				navText: ['<i class="fa fa-arrow-left xs-square-nav"></i>', '<i class="fa fa-arrow-right xs-square-nav"></i>'],
				autoplay: true,
				autoplayTimeout: 5000,
				autoplayHoverPause: true,
				animateOut: 'fadeOut',
				animateIn: 'fadeIn',
				responsive: {
					// breakpoint from 0 up
					0: {
						nav: false,
					},
					// breakpoint from 480 up
					480: {
						nav: false,
					},
					// breakpoint from 768 up
					768: {
						nav: true,
					}
				}
			});
		}

/*==========================================================
				number counter and skill bar animation
		=======================================================================*/

var number_percentage = $(".number-percentage");

if ($('.waypoint-tigger').length > 0) {
			var waypoint = new Waypoint({
				element: document.getElementsByClassName('waypoint-tigger'),
				handler: function (direction) {
					animateProgressBar();
				}
			});
		}

/*==========================================================
				skill bar and number counter
		=======================================================================*/

$.fn.animateNumbers = function (stop, commas, duration, ease) {
			return this.each(function () {
				var $this = $(this);
				var start = parseInt($this.text().replace(/,/g, ""), 10);
				commas = (commas === undefined) ? true : commas;
				$({
					value: start
				}).animate({
					value: stop
				}, {
					duration: duration == undefined ? 500 : duration,
					easing: ease == undefined ? "swing" : ease,
					step: function () {
						$this.text(Math.floor(this.value));
						if (commas) {
							$this.text($this.text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"));
						}
					},
					complete: function () {
						if (parseInt($this.text(), 10) !== stop) {
							$this.text(stop);
							if (commas) {
								$this.text($this.text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"));
							}
						}
					}
				});
			});
		};

/*==========================================================
				mega navigation menu init
		======================================================================*/
		if ($('.xs-menus').length > 0) {
			$('.xs-menus').xs_nav({
				mobileBreakpoint: 992,
			});
		}

/*==========================================================
				back to top
		======================================================================*/
		$(document).on('click', '.xs-back-to-top', function (event) {
			event.preventDefault();
			/* Act on the event */

$('html, body').animate({
				scrollTop: 0,
			}, 1000);
		});

/*=============================================================
						video popup
		=========================================================================*/
		if ($('.xs-video-popup').length > 0) {
			$('.xs-video-popup').magnificPopup({
				disableOn: 700,
				type: 'iframe',
				mainClass: 'mfp-fade',
				removalDelay: 160,
				preloader: false,
				fixedContentPos: false
			});
		}

/*=============================================================
						image popup
		=========================================================================*/
		$('.xs-image-popup').magnificPopup({
			type: 'image',
			closeOnContentClick: false,
			closeBtnInside: false,
			mainClass: 'mfp-with-zoom mfp-img-mobile',
			gallery: {
				enabled: true
			},
			zoom: {
				enabled: true,
				duration: 300, // don't foget to change the duration also in CSS
			}

});

/*==========================================================
				map window opener add class
		======================================================================*/
		$(document).on('click', '.xs-window-opener', function () {
			// body...
			event.preventDefault();

var main_wraper = $('.xs-widnow-wraper'),
				active_class = 'active';

if ($(this).parent().parent().hasClass(active_class)) {
				$(this).parent().parent().removeClass(active_class);
			} else {
				$(this).parent().parent().addClass(active_class);
			}
		});

if ($('.navsearch-button').length > 0) {
			$('.navsearch-button').on('click', function (e) {
				e.preventDefault();

if (!($('.navsearch-form')).is(":visible")) {
					$(this).find('i').removeClass('fa-search').addClass('fa-search-minus');
				} else {
					$(this).find('i').removeClass('fa-search-minus').addClass('fa-search');
				}
				$(this).parent().parent().find('.navsearch-form').slideToggle(300);
			});
		}

$(".someTimer").each(function () {
			var hour = $(this).data('date-hour'),
				minute = $(this).data('date-minute'),
				second = $(this).data('date-second'),
				day = $(this).data('date-day');
			var timeCircles = $(this).TimeCircles({
				circle_bg_color: "#40494c",
				fg_width: 0.041,
				bg_width: 0,
				direction: "Clockwise",
				time: { //  a group of options that allows you to control the options of each time unit independently.
					Days: {
						show: true,
						text: day,
						color: "#f7a900"
					},
					Hours: {
						show: true,
						text: hour,
						color: "#2cc391"
					},
					Minutes: {
						show: true,
						text: minute,
						color: "#9064bf"
					},
					Seconds: {
						show: true,
						text: second,
						color: "#e23e57"
					}
				}
			});
		})

$('[data-toggle="popover"]').popover({
			html: true,
			content: function () {
				return $(this).next().html();
			}
		});
		$('[data-toggle="popover"]').on('click', function () {
			if (!$(this).hasClass('is-active')) {
				$(this).addClass('is-active');
			} else {
				$(this).removeClass('is-active');
			}
		})

$('.preloader-cancel-btn').on('click', function (event) {
			event.preventDefault();
			if (!$('#preloader').hasClass('loaded')) {
				$('#preloader').addClass('loaded');
			}
		});
	}); // end ready function

$(window).on('scroll', function () {

}); // END Scroll Function

$(window).on('resize', function () {
		// custom xs function init
		xsFunction();
	}); // End Resize

/*==========================================================
				XpeedStudio multipile Maps
	======================================================================*/

var multimap_count = $('.xs-multiple-map').length;
	if (multimap_count > 0) {
		$('.xs-multiple-map').each(function () {
			var id = $(this).attr('id');

var geocoder = new google.maps.Geocoder();
			var address = $(this).attr('title');

geocoder.geocode({
				'address': address
			}, function (results, status) {

if (status == google.maps.GeocoderStatus.OK) {
					var latitude = results[0].geometry.location.lat();
					var longitude = results[0].geometry.location.lng();

}

var latlng = new google.maps.LatLng(latitude, longitude);
				var myOptions = {
					zoom: 3,
					center: latlng,
					scrollwheel: false,
					navigationControl: false,
					mapTypeControl: true,
					scaleControl: false,
					draggable: true,
					disableDefaultUI: true,
					mapTypeId: google.maps.MapTypeId.ROADMAP,
				};
				var map = new google.maps.Map(document.getElementById(id), myOptions);
				var myMarker = new google.maps.Marker({
					position: latlng,
					map: map,
					title: address
				});
			});
		});
	}
	/*==========================================================
				XpeedStudio Event Maps
	======================================================================*/

var eventmap_count = $('.xs-event-map').length;
	if (eventmap_count > 0) {
		$('.xs-event-map').each(function () {
			var id = $(this).attr('id');

var geocoder = new google.maps.Geocoder();
			var address = $(this).attr('title');

geocoder.geocode({
				'address': address
			}, function (results, status) {

if (status == google.maps.GeocoderStatus.OK) {
					var latitude = results[0].geometry.location.lat();
					var longitude = results[0].geometry.location.lng();

}

var latlng = new google.maps.LatLng(latitude, longitude);

var myOptions = {
					zoom: 3,
					center: latlng,
					scrollwheel: false,
					navigationControl: false,
					mapTypeControl: true,
					scaleControl: false,
					draggable: true,
					disableDefaultUI: true,
					mapTypeId: google.maps.MapTypeId.ROADMAP,
					styles: [{
						"featureType": "administrative",
						"elementType": "all",
						"stylers": [{
							"saturation": "-100"
						}]
					}, {
						"featureType": "administrative.province",
						"elementType": "all",
						"stylers": [{
							"visibility": "off"
						}]
					}, {
						"featureType": "landscape",
						"elementType": "all",
						"stylers": [{
							"saturation": -100
						}, {
							"lightness": 65
						}, {
							"visibility": "on"
						}]
					}, {
						"featureType": "poi",
						"elementType": "all",
						"stylers": [{
							"saturation": -100
						}, {
							"lightness": "50"
						}, {
							"visibility": "simplified"
						}]
					}, {
						"featureType": "road",
						"elementType": "all",
						"stylers": [{
							"saturation": "-100"
						}]
					}, {
						"featureType": "road.highway",
						"elementType": "all",
						"stylers": [{
							"visibility": "simplified"
						}]
					}, {
						"featureType": "road.arterial",
						"elementType": "all",
						"stylers": [{
							"lightness": "30"
						}]
					}, {
						"featureType": "road.local",
						"elementType": "all",
						"stylers": [{
							"lightness": "40"
						}]
					}, {
						"featureType": "transit",
						"elementType": "all",
						"stylers": [{
							"saturation": -100
						}, {
							"visibility": "simplified"
						}]
					}, {
						"featureType": "water",
						"elementType": "geometry",
						"stylers": [{
							"hue": "#ffff00"
						}, {
							"lightness": -25
						}, {
							"saturation": -97
						}]
					}, {
						"featureType": "water",
						"elementType": "labels",
						"stylers": [{
							"lightness": -25
						}, {
							"saturation": -100
						}]
					}]
				};
				var map = new google.maps.Map(document.getElementById(id), myOptions);

var myMarker = new google.maps.Marker({
					position: latlng,
					map: map,
					title: address
				});
			});
		});
	}
// Fundrising countdown
    let count_down = jQuery(".countdown-container");

if(count_down.length > 0 ){
        let ful_date = count_down.data('date');
        count_down.countdown(ful_date, function(event) {

var $this = $(this).html(event.strftime(' '
                + '<div class="xs-timer-container"><span class="timer-count">%-D </span><span class="timer-text">' + countdown_variable.days + '</span></div>'
                + '<div class="xs-timer-container"><span class="timer-count">%H </span><span class="timer-text">' + countdown_variable.hours + '</span></div>'
                + '<div class="xs-timer-container"><span class="timer-count">%M </span><span class="timer-text">' + countdown_variable.minutes + '</span></div>'
                + '<div class="xs-timer-container"><span class="timer-count">%S </span><span class="timer-text">' + countdown_variable.seconds + '</span></div>'));
            });
    }
    var border_color =  $('.xs_donate_chart').data('bordercolor');

$('.xs_donate_chart').easyPieChart({
        easing: 'easeOutBounce',
        barColor: border_color,
        trackColor: '#E5E5E5',
        lineWidth: 6,
        scaleColor: 'transparent',
        size: 200,
        lineCap: 'round',
        duration: 4500,
        enabled: true,
    });

})(jQuery);

/home/batcwwjx/./old/public_html/../.trash/charitious/assets/./js/main.js