/*
* Theme Name: Kulebe
* File name: custom.js
* Theme URL: http://klbtheme.com/kulebe
* Description: Kulebe - Multipurpose Nonprofit Theme
* Author: KlbTheme
* Author URL: http://themeforest.net/user/klbtheme
* Support: https://sinanisik.ticksy.com/
* Version: 1.0
*/



/* ==============================================
	Start window load function strict mode
=============================================== */
$(window).on("load", function () {

	'use strict';

	/* preloader */
	$("#loader").delay(500).fadeOut();
	$(".mask").delay(1000).fadeOut("slow");


	var urlHash = window.location.href.split("#")[1];
	if (urlHash &&  $('#' + urlHash).length )
		$('html,body').animate({
			scrollTop: $('#' + urlHash).offset().top
		}, 900);
});



/* ==============================================
	Start ready function strict mode
=============================================== */
jQuery(document).ready(function($){

	use:"strict";



	/* Correct OS & Browser Check */
var ua = navigator.userAgent,
	checker = {
		os : {
			iphone : 		ua.match(/iPhone/),
			ipod : 			ua.match(/iPod/),
			ipad : 			ua.match(/iPad/),
			blackberry : 	ua.match(/BlackBerry/),
			android : 		ua.match(/(Android|Linux armv6l|Linux armv7l)/),
			linux : 		ua.match(/Linux/),
			win : 			ua.match(/Windows/),
			mac : 			ua.match(/Macintosh/)
		},
		ua : {
			ie : 		ua.match(/MSIE/),
			ie6 : 		ua.match(/MSIE 6.0/),
			ie7 : 		ua.match(/MSIE 7.0/),
			ie8 : 		ua.match(/MSIE 8.0/),
			ie9 : 		ua.match(/MSIE 9.0/),
			ie10 : 		ua.match(/MSIE 10.0/),
			ie11 : 		ua.match(/MSIE 11.0/),
			opera : 	ua.match(/Opera/),
			firefox : 	ua.match(/Firefox/),
			chrome : 	ua.match(/Chrome/),
			safari : 	ua.match(/(Safari|BlackBerry)/)
		}
	};


	/* Row Parallax Function Start */
	(function ($) {
		$(window).load(function () {
			if (
				!checker.os.iphone &&
				!checker.os.ipad &&
				!checker.os.ipod &&
				!checker.os.android &&
				!checker.os.blackberry
			) {
				if (checker.ua.safari) {
					if (checker.ua.chrome) {
						setTimeout(function () {
							$.stellar( {
								horizontalScrolling : 	false,
								verticalOffset : 		30,
								parallaxElements : 		false
							} );
						}, 1500);


						$(window).on('debouncedresize', function () {
							if ($(window).width() < 1024) {
								$.stellar('destroy');
							} else {
								$.stellar( {
									horizontalScrolling : 	false,
									verticalOffset : 		30,
									parallaxElements : 		false
								} );
							}
						} );
					}
				} else {
					setTimeout(function () {
						$.stellar( {
							horizontalScrolling : 	false,
							verticalOffset : 		30,
							parallaxElements : 		false
						} );
					}, 1500);


					$(window).on('debouncedresize', function () {
						if ($(window).width() < 1024) {
							$.stellar('destroy');
						} else {
							$.stellar( {
								horizontalScrolling : 	false,
								verticalOffset : 		30,
								parallaxElements : 		false
							} );
						}
					} );
				}
			} else {
				$('section.testimonial').css('background-attachment', 'scroll');
			}
		} );
	} )(jQuery);






	// Sticky header
	$(function(){
		var shrinkHeader = 100;
		$(window).scroll(function() {
			var scroll = getCurrentScroll();
			if ( scroll >= shrinkHeader ) {
				$('header').addClass('shrink');
			}
			else {
				$('header').removeClass('shrink');
			}
		});
		function getCurrentScroll() {
			return window.pageYOffset || document.documentElement.scrollTop;
		}
	});



	// Tabs animation
	function tabsAnimation(tabs){
		var $this = $(tabs);
		var $link = $this.find('li > a');

		$this.find('.tabs-content').css('height', $this.find('.content.active').height());

		$link.on('click', function(){
			$this.find('.tabs-content').css('height',  $this.find( $(this).attr('href') ).height());
		});
	};
	tabsAnimation($('.tabs-container'));



	// Accordion
	(function($) {
		$.fn.accordionAnimated = function() {

			var
			$accordion = this,
				$items = $accordion.find('> li'),
				$targets = $items.find('.content'),
				options = {
					active_class : 'active',  // class for items when active
					multi_expand: false,    // whether mutliple items can expand
					speed : 500,        // speed of animation
					toggleable: true      // setting to false only closes accordion panels when another is opened
				}
			;

			$.extend(options, Foundation.utils.data_options($accordion));

			$items.each(function(i) {
				$(this).find('a:eq(0)').on('click.accordion', function() {
					if(!options.toggleable && $items.eq(0).hasClass(options.active_class)) {
						return;
					}

					$targets.eq(i)
						.stop(true, true)
						.slideToggle(options.speed);

					if(!options.multi_expand) {
						$targets.not(':eq('+i+')')
							.stop(true, true)
							.slideUp(options.speed);
					}
				});
			});
		};
	}(jQuery));


	$('.accordion').accordionAnimated();



	// Animation on appear.js
	$('.animated').appear(function() {
		var elem = $(this);
		var animate = elem.data('animate');
		if ( !elem.hasClass('visible') ) {
			var animateDelay = elem.data('animate-delay');
			if ( animateDelay ) {
				setTimeout(function(){
					elem.addClass( animate + " visible" );
				}, animateDelay);
			} else {
				elem.addClass( animate + " visible" );
			}
		}
	});



	// Navigation
	$.daisyNav();

	$('.menu-list a').click(function(){
		$('ul#navigation').removeClass( 'show-for-devices' );
		$('.menu-toggle-button').removeClass( 'active' )
	});




	// Fading main slider
	var page_title = $('body');
	var intro = page_title.find('#slider');
	if( intro.length > 0 ) var intro_top = intro.offset().top;
	$( window ).scroll(function() {
		var current_top = $(document).scrollTop();
		var intro_height = $('#slider').height();
		intro.css('top', (current_top*0.50));
		intro.css('opacity', (1 - current_top/intro_height*1.2));
	});

	$("#slider").owlCarousel({
		transitionStyle: "fade",
		slideSpeed: 350,
		singleItem: true,
		autoHeight: true,
		pagination: true,
		autoPlay: 5000,
		rewindNav: true,
		touchDrag: false,
		mouseDrag: false,
		navigation: false,
		afterMove: function(){
			$('[data-caption-animate]').each(function(){
				var $toAnimateElement = $(this);
				var toAnimateDelay = $(this).attr('data-caption-delay');
				var toAnimateDelayTime = 0;
				if( toAnimateDelay ) { toAnimateDelayTime = Number( toAnimateDelay ) + 750; } else { toAnimateDelayTime = 750; }
				if( !$toAnimateElement.hasClass('animated') ) {
					$toAnimateElement.addClass('not-animated');
					var elementAnimation = $toAnimateElement.attr('data-caption-animate');
					setTimeout(function() {
						$toAnimateElement.removeClass('not-animated').addClass( elementAnimation + ' animated');
					}, toAnimateDelayTime);
				}
			});
		},

		beforeMove: function(){
			$('[data-caption-animate]').each(function(){
				var $toAnimateElement = $(this);
				var elementAnimation = $toAnimateElement.attr('data-caption-animate');
				$toAnimateElement.removeClass('animated').removeClass(elementAnimation).addClass('not-animated');
			});
		},

		afterAction: function(){
			$('[data-caption-animate]').each(function(){
				var $toAnimateElement = $(this);
				var toAnimateDelay = $(this).attr('data-caption-delay');
				var toAnimateDelayTime = 0;
				if( toAnimateDelay ) { toAnimateDelayTime = Number( toAnimateDelay ) + 300; } else { toAnimateDelayTime = 300; }
				if( !$toAnimateElement.hasClass('animated') ) {
					$toAnimateElement.addClass('not-animated');
					var elementAnimation = $toAnimateElement.attr('data-caption-animate');
					setTimeout(function() {
						$toAnimateElement.removeClass('not-animated').addClass( elementAnimation + ' animated');
					}, toAnimateDelayTime);
				}
			});
		}
	});




	/* Clients Carousel */
	$("#clients-slider").owlCarousel({
		navigation : false,
		slideSpeed : 300,
		pagination: true,
		paginationSpeed : 400,
		autoPlay: 4000,
		responsive:true,
		items : 5, //10 items above 1000px browser width
		itemsDesktop : [1000,2], //5 items between 1000px and 901px
		itemsDesktopSmall : [900,4], // betweem 900px and 601px
		itemsTablet: [600,1], //2 items between 600 and 0
		itemsMobile : 1// itemsMobile disabled - inherit from itemsTablet option
	});




	/* Testimonial Carousel */
	$("#testimonial-slider").owlCarousel({
		navigation : false,
		slideSpeed : 300,
		pagination: false,
		paginationSpeed : 400,
		autoHeight: true,
		autoPlay: true,
		transitionStyle : "backSlide",
		singleItem : true,
	});




	/*Portfolio Carousel */
	$("#portfolio-carousel").owlCarousel({
		navigation : false,
		slideSpeed : 300,
		pagination: true,
		paginationSpeed : 400,
		autoPlay: false,
		items : 5, //10 items above 1000px browser width
		itemsDesktop : [1000,5], //5 items between 1000px and 901px
		itemsDesktopSmall : [900,3], // betweem 900px and 601px
		itemsTablet: [600,1], //2 items between 600 and 0
		itemsMobile : 2 // itemsMobile disabled - inherit from itemsTablet option
	});





	/* Gallery on portfolio detail */
	// AJAX project slider
	$(document).ajaxComplete(function(){
		$("#project-gallery").owlCarousel({
			autoPlay : true,
			singleItem : true,
			pagination: false,
			navigation: true,
			navigationText: ["<i class='fa fa-chevron-left '></i>", "<i class='fa fa-chevron-right '></i>"]
		});
	});





	/* Gallery on blog */
	$("#blog-gallery").owlCarousel({
		navigation : true,
		navigationText: ["<i class='fa fa-chevron-left '></i>", "<i class='fa fa-chevron-right '></i>"],
		slideSpeed : 300,
		pagination: false,
		paginationSpeed : 400,
		autoPlay: false,
		singleItem : true,
	});




});
/* end ready function */



/*********************************
   CUBEPORTFOLIO SETTINGS FOR SERVICES, TEAM AND PORTFOLIO
*********************************/

/* TEAM SLIDER */
(function($, window, document, undefined) {

	'use strict';

	var gridContainer = $('.team-slider'),
		filtersContainer = $('#filters-container'),
		wrap, filtersCallback;

	gridContainer.cubeportfolio({
		layoutMode: 'slider',
		drag: true,
		auto: false,
		autoTimeout: 5000,
		autoPauseOnHover: true,
		showNavigation: false,
		showPagination: true,
		rewindNav: true,
		scrollByPage: true,
		gridAdjustment: 'responsive',
		mediaQueries: [{
			width: 800,
			cols: 3
		}, {
			width: 500,
			cols: 2
		}, {
			width: 320,
			cols: 1
		}],
		gapHorizontal: 0,
		gapVertical: 30,
		caption: '',
		displayType: 'lazyLoading',
		displayTypeSpeed: 100,

		// lightbox
		lightboxDelegate: '.cbp-lightbox',
		lightboxGallery: true,
		lightboxTitleSrc: 'data-title',
		lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',

		// singlePage popup
		singlePageDelegate: '.cbp-singlePage',
		singlePageDeeplinking: true,
		singlePageStickyNavigation: true,
		singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
		singlePageAnimation: 'fade',
		singlePageCallback: function(url, element) {
			// to update singlePage content use the following method: this.updateSinglePage(yourContent)
		},

		// single page inline
		singlePageInlineDelegate: '.cbp-singlePageInline',
		singlePageInlinePosition: 'above',
		singlePageInlineInFocus: true,
		singlePageInlineCallback: function(url, element) {
			// to update singlePage Inline content use the following method: this.updateSinglePageInline(yourContent)
		}
	});


	/* SERVICES */

	var gridContainer = $('#services-container'),
		filtersContainer = $('#services-filters'),
		wrap, filtersCallback;

	gridContainer.cubeportfolio({
		layoutMode: 'grid',
		rewindNav: true,
		scrollByPage: false,
		mediaQueries: [{
			width: 1100,
			cols: 3
		}, {
			width: 800,
			cols: 3
		}, {
			width: 500,
			cols: 2
		}, {
			width: 320,
			cols: 1
		}],
		defaultFilter: '*',
		animationType: 'rotateSides',
		gapHorizontal: 0,
		gapVertical: 0,
		gridAdjustment: 'responsive',
		caption: 'overlayBottomPush',
		displayType: 'sequentially',
		displayTypeSpeed: 100,


		// singlePageInline
		singlePageInlineDelegate: '.cbp-singlePageInline',
		singlePageInlinePosition: 'bottom',
		singlePageInlineInFocus: true,
		singlePageInlineCallback: function(url, element) {
			// to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
			var t = this;
			/*
			var httpRequest;
			if (window.XMLHttpRequest) { // Mozilla, Safari, ...
			  httpRequest = new XMLHttpRequest();
			} else if (window.ActiveXObject) { // IE
			  try {
				httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
			  } 
			  catch (e) {
				try {
				  httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
				} 
				catch (e) {}
			  }
			}

			if (!httpRequest) {
			  alert('Giving up :( Cannot create an XMLHTTP instance');
			  return false;
			}
			httpRequest.onreadystatechange = function(){
				// process the server response
				if (httpRequest.readyState === 4) {
				  if (httpRequest.status === 200) {
					alert(ab2str(httpRequest.response));
					//alert(httpRequest.response);
					t.updateSinglePageInline(ab2str(httpRequest.response));
				  } else {
					alert('There was a problem with the request.');
					t.updateSinglePageInline("Error! Please refresh the page!");
				  }
				}
			};;
			httpRequest.open('GET', url);
			httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset="euc-kr"');
			httpRequest.setRequestHeader('Content-Encoding', 'utf-8');
			httpRequest.responseType = "arraybuffer";
			httpRequest.send();
			
			
			*/
			$.ajax({
				url: url,
				type: 'GET',
				dataType: 'html',
				timeout: 5000
			})
				.done(function(result) {
				t.updateSinglePageInline(result);

			})
				.fail(function() {
				t.updateSinglePageInline("Error! Please refresh the page!");
			});
		}
	});
	/*
	function ab2str(buf) {
	  return String.fromCharCode.apply(null, new Uint8Array(buf));
	}
	function str2ab(str) {
	  var buf = new ArrayBuffer(str.length*2); // 2 bytes for each char
	  var bufView = new Uint16Array(buf);
	  for (var i=0, strLen=str.length; i < strLen; i++) {
		bufView[i] = str.charCodeAt(i);
	  }
	  return buf;
	}
	*/
	/* PORTFOLIO */


	var gridContainer = $('#grid-container'),
		filtersContainer = $('#filters-container'),
		wrap, filtersCallback;

	gridContainer.cubeportfolio({
		defaultFilter: '*',
		animationType: 'fadeOutTop',
		gapHorizontal: 1,
		gapVertical: 1,
		gridAdjustment: 'responsive',
		mediaQueries: [{
			width: 1600,
			cols: 4
		},{
			width: 1200,
			cols: 4
		}, {
			width: 800,
			cols: 3
		}, {
			width: 500,
			cols: 2
		}, {
			width: 320,
			cols: 1
		}],
		caption: 'zoom',
		displayType: 'lazyLoading',
		displayTypeSpeed: 100,

		// lightbox
		lightboxDelegate: '.cbp-lightbox',
		lightboxGallery: true,
		lightboxTitleSrc: 'data-title',
		lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',

		// singlePage popup
		singlePageDelegate: '.cbp-singlePage',
		singlePageDeeplinking: true,
		singlePageAnimation: 'fade',
		singlePageStickyNavigation: true,
		singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
		singlePageCallback: function(url, element) {
			// to update singlePage content use the following method: this.updateSinglePage(yourContent)
			var t = this;
			$.ajax({
				url: url,
				type: 'GET',
				dataType: 'html',
				timeout: 5000
			})
				.done(function(result) {
				t.updateSinglePage(result);
			})
				.fail(function() {
				t.updateSinglePage("Error! Please refresh the page!");
			});
		},

		// singlePageInline
		singlePageInlineDelegate: '.cbp-singlePageInline',
		singlePageInlinePosition: 'above',
		singlePageInlineInFocus: true,
		singlePageInlineCallback: function(url, element) {
			// to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
		}
	});


	/*********************************
        add listener for filters
     *********************************/
	if (filtersContainer.hasClass('cbp-l-filters-dropdown')) {
		wrap = filtersContainer.find('.cbp-l-filters-dropdownWrap');

		wrap.on({
			'mouseover.cbp': function() {
				wrap.addClass('cbp-l-filters-dropdownWrap-open');
			},
			'mouseleave.cbp': function() {
				wrap.removeClass('cbp-l-filters-dropdownWrap-open');
			}
		});

		filtersCallback = function(me) {
			wrap.find('.cbp-filter-item').removeClass('cbp-filter-item-active');
			wrap.find('.cbp-l-filters-dropdownHeader').text(me.text());
			me.addClass('cbp-filter-item-active');
			wrap.trigger('mouseleave.cbp');
		};
	} else {
		filtersCallback = function(me) {
			me.addClass('cbp-filter-item-active').siblings().removeClass('cbp-filter-item-active');
		};
	}

	filtersContainer.on('click.cbp', '.cbp-filter-item', function() {
		var me = $(this);

		if (me.hasClass('cbp-filter-item-active')) {
			return;
		}

		// get cubeportfolio data and check if is still animating (reposition) the items.
		if (!$.data(gridContainer[0], 'cubeportfolio').isAnimating) {
			filtersCallback.call(null, me);
		}

		// filter the items
		gridContainer.cubeportfolio('filter', me.data('filter'), function() {});
	});


	/*********************************
        activate counter for filters
     *********************************/
	gridContainer.cubeportfolio('showCounter', filtersContainer.find('.cbp-filter-item'), function() {
		// read from url and change filter active
		var match = /#cbpf=(.*?)([#|?&]|$)/gi.exec(location.href),
			item;
		if (match !== null) {
			item = filtersContainer.find('.cbp-filter-item').filter('[data-filter="' + match[1] + '"]');
			if (item.length) {
				filtersCallback.call(null, item);
			}
		}
	});




	// when the height of grid is changed
	gridContainer.on('filterComplete.cbp', function() {
		//  loadMoreObject.window.trigger('scroll.loadMoreObject');
	});



})(jQuery, window, document);
/* END CUBEPORTFOLIO SETINGS */







/* ==============================================
	Main Slider Full Height
=============================================== */
var windowHeight = $(window).height();
$('#slider .slider-cont').height( windowHeight );
$('#slider .slider-cont.mvisible').height( windowHeight - 80 ); // add blog class to hero in order to show menu
if( !device.tablet() && !device.mobile() ) {
	$('#slider .slider-cont-single').height( windowHeight / 2 );
}
else {
	$('#slider .slider-cont-single').height( windowHeight );
}

$(window).resize(function() {
	var windowHeight = $(window).height();
	$('#slider .slider-cont').height( windowHeight );
	$('#slider .slider-cont.mvisible').height( windowHeight - 80 ); // add blog class to hero in order to show menu
	if( !device.tablet() && !device.mobile() ) {
		$('#slider .slider-cont-single').height( windowHeight / 2 );
	}

	else {
		$('#slider .slider-cont-single').height( windowHeight );
	}
});




/* ==============================================
  Counter
=============================================== */
jQuery(function() {

	$(".counter").appear(function(){
		$(this).each(function(){
			dataperc = $(this).attr("data-perc"),
				$(this).find(".number").delay(6000).countTo({
				from: 50,
				to: dataperc,
				speed: 3000,
				refreshInterval: 50,

			});
		});
	});
});
(function($) {
	$.fn.countTo = function(options) {
		// merge the default plugin settings with the custom options
		options = $.extend({}, $.fn.countTo.defaults, options || {});

		// how many times to update the value, and how much to increment the value on each update
		var loops = Math.ceil(options.speed / options.refreshInterval),
			increment = (options.to - options.from) / loops;

		return $(this).each(function() {
			var _this = this,
				loopCount = 0,
				value = options.from,
				interval = setInterval(updateTimer, options.refreshInterval);

			function updateTimer() {
				value += increment;
				loopCount++;
				$(_this).html(value.toFixed(options.decimals));

				if (typeof(options.onUpdate) == 'function') {
					options.onUpdate.call(_this, value);
				}

				if (loopCount >= loops) {
					clearInterval(interval);
					value = options.to;

					if (typeof(options.onComplete) == 'function') {
						options.onComplete.call(_this, value);
					}
				}
			}
		});
	};

	$.fn.countTo.defaults = {
		from: 0,  // the number the element should start at
		to: 100,  // the number the element should end at
		speed: 1000,  // how long it should take to count between the target numbers
		refreshInterval: 100,  // how often the element should be updated
		decimals: 0,  // the number of decimal places to show
		onUpdate: null,  // callback method for every time the element is updated,
		onComplete: null,  // callback method for when the element finishes updating
	};
})(jQuery);





/* ==============================================
    Contact Form
=============================================== */
$('.contactform').submit(function(){

	'use strict';

	var action = $(this).attr('action');

	$("#message").slideUp(300,function() {
		$('#message').hide();

		$('#submit')
			.after('<img src="img/ajax-loader.gif" class="loader" />')
			.attr('disabled','disabled');

		$.post(action, {
			name: $('#name').val(),
			email: $('#email').val(),
			comments: $('#comments').val()
		},
			   function(data){
			document.getElementById('message').innerHTML = data;
			$('#message').slideDown(300);
			$('#contactform img.loader').fadeOut('slow',function(){$(this).remove()});
			$('#submit').removeAttr('disabled');
			if(data.match('success') != null) $('#contactform').slideUp('slow');

		}
			  );

	});

	return false;

});