/* 
	***Custom JS*** 
	//This Files Handles Custom Functions of this template
*/ 

 "use strict";	
function onScrollInit( items, trigger ) {
		items.each( function() {
					var osElement = $(this),
					osAnimationClass = osElement.attr('data-os-animation'),
					osAnimationDelay = osElement.attr('data-os-animation-delay');
					var osTrigger = ( trigger ) ? trigger : osElement;
					osTrigger.waypoint(function() {
						osElement.addClass('animated').addClass(osAnimationClass);
					},{
						triggerOnce: true,
						offset: '100%'
					});  
		});
}
	$(document).ready(function() {
					
				//for gallery
				new CBPGridGallery( document.getElementById( 'grid-gallery' ) );
					
				//google custom map js
				var map;
				var MY_MAPTYPE_ID = 'custom_style';
				function initialize() {
					
				var myLatlng = new google.maps.LatLng(26.9123084,75.7342977); // <- Your latitude and longitude
				var styles = [{"featureType":"water","stylers":[{"visibility":"on"},{"color":"#acbcc9"}]},{"featureType":"landscape","stylers":[{"color":"#f2e5d4"}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#c5c6c6"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#e4d7c6"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#fbfaf7"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#c5dac6"}]},{"featureType":"administrative","stylers":[{"visibility":"on"},{"lightness":33}]},{"featureType":"road"},{"featureType":"poi.park","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":20}]},{},{"featureType":"road","stylers":[{"lightness":20}]}]
		 
			var mapOptions = {
					  zoom: 12,
					  center: myLatlng,
					  mapTypeControl: false,
					  disableDefaultUI: true,
					  zoomControl: false,
					  scrollwheel: false,
					  styles: styles,
					  size:google.maps.ZoomControlStyle.SMALL
			}
			var infowindow = new google.maps.InfoWindow({
				content: "We are here."
			});
			map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);
			var marker = new google.maps.Marker({
					position: myLatlng,
					map: map,
					icon: 'assets/img/marker.png',
					title: 'We are here.'
			});
		 	google.maps.event.addListener(marker, 'click', function() {
				 infowindow.open(map,marker);
			});
			var styledMapOptions = {
				name: ''
			};
			var customMapType = new google.maps.StyledMapType(styles, styledMapOptions);
			map.mapTypes.set(MY_MAPTYPE_ID, customMapType);
		}
				google.maps.event.addDomListener(window, 'load', initialize);
		
					
		 		// Figures Count To //
				$('.timer').countTo();
				// Scrolling Here
				$('.scrollbar').perfectScrollbar();
				//Carousel Default// with 5 items at a time 
				$(".carousel").owlCarousel();
				
				// For Team //
				$("#team").owlCarousel({
					items:3
				});
				
				// For 4 Items Carousel //
				$(".whatwe_do_Carousel").owlCarousel({
					items:4
				});
				
					// For 3 Items Services Carousel //
				$(".Services_Carousel").owlCarousel({
					items:3
				});
				
				// Single Item //
				$(".single_item_carousel").owlCarousel({
					singleItem:true
				});
				// init Isotope
				var $container = jQuery('#portfolio').isotope({
					   itemSelector: '.entry',
					   layoutMode: 'masonry'
				});
				
				// bind filter button click
				jQuery('#portfolio-filters').on( 'click', 'button', function() {
						   var filterValue = jQuery( this ).attr('data-filter');
						   // use filterFn if matches value
						   $container.isotope({ filter: filterValue });
				});
				// change is-checked class on buttons
				jQuery('.button-group').each( function( i, buttonGroup ) {
					   var $buttonGroup = jQuery( buttonGroup );
					   $buttonGroup.on( 'click', 'button', function() {
							 $buttonGroup.find('.is-checked').removeClass('is-checked');
							 jQuery( this ).addClass('is-checked');
						   });
				});
		  		
			
				onScrollInit( $('.os-animation') );
	
	});// Ready
	
				
	
	/* Window LOAD */
	$(window).load(function(){
		
		$("#pre-loader").fadeOut();
		$("#main_Container").css('opacity','1');
	 	
		//Delcear some Vars//
		// Get the height of nav wrapper
		var Nav_wrapper_height = $("#nav_wrapper").outerHeight();
		 // NAV bar offset
		 var nav_bar_element = jQuery('#nav_wrapper');
		 
		 var nav_bar_offset = nav_bar_element.offset();
		 
		 var nav_bar_offset_top =  nav_bar_offset.top;
		
				/* Scrolling Menues */
				$('.page-scroll a, .page-scroll-button').bind('click', function(event) {
					var $anchor = $(this);
				  	  
					  	// Fix issues of scrolling cauisng of fixed menue
					 	if($("#nav_wrapper").hasClass("fixed")){
								var scrolltop = $($anchor.attr('href')).offset().top;
						}
							else{
								var scrolltop =$($anchor.attr('href')).offset().top - Nav_wrapper_height ;
							}
			 			
						// fix issue causing of not adding sectio class 
							if(!$anchor.hasClass(".section"))
							{	
								var scrolltop = scrolltop - Nav_wrapper_height+1;
							}
						 
					// Now lets animate it 	
					$('html, body').stop().animate({
						scrollTop: scrolltop
					}, 1500, 'easeInOutExpo');
					event.preventDefault();
					
					// HERE WE ADD ACTIVE CLASS
						// lets remove first
						$(".page-scroll a").each(function(){
							$(this).removeClass("active");
						})
					$anchor.addClass("active");
			 	});
			 	
				
				// Changing Header on Scrolling //
				 
				 // Show Navigation 
				 if($( window ).scrollTop()>=nav_bar_offset_top)
						{	
							nav_bar_element.addClass("fixed");
						}
						else{
							nav_bar_element.removeClass("fixed");
				 }
				 
				// Scrolling Fixed Nav bar fix
				$(window).scroll(function() {
						// FOR HEADER MENU TO FIX ON SCROLL //
						if($( window ).scrollTop()>=nav_bar_offset_top)
						{	
							nav_bar_element.addClass("fixed");
						}
						else{
							nav_bar_element.removeClass("fixed");
						}
			 	});
				
	}) // Window load end here