//LOADER
$(window).on("load", function () {
	"use strict";
	$(".loader").fadeOut(800);
});

jQuery(function ($) {
	"use strict";
	var $window = $(window);

	// ------- Back to Top -------
	$("body").append('<a href="#" class="back-top"><i class="fa fa-angle-up"></i></a>');
	var amountScrolled = 700;
	var backBtn = $("a.back-top");
	$window.on("scroll", function () {
		if ($window.scrollTop() > amountScrolled) {
			backBtn.addClass("back-top-visible");
		} else {
			backBtn.removeClass("back-top-visible");
		}
	});
	backBtn.on("click", function () {
		$("html, body").animate({
			scrollTop: 0
		}, 700);
		return false;
	});


	//Contact Us
	$("#submit_btn").click(function() {
		//get input field values
		var user_name       = $('input[name=name]').val();
		var user_email      = $('input[name=email]').val();
		var user_telephone      = $('input[name=phone]').val();
		var user_subject      = $('input[name=subject]').val();
		var user_message    = $('textarea[name=message]').val();

		//simple validation at client's end
		var post_data, output;
		var proceed = true;
		if(user_name==""){
			proceed = false;
		}
		if(user_email==""){
			proceed = false;
		}
		if(user_subject==""){
			proceed = false;
		}
		if(user_message=="") {
			proceed = false;
		}

		//everything looks good! proceed...
		if(proceed)
		{
			//data to be sent to server
			post_data = {'userName':user_name, 'userEmail':user_email, 'userTelephone':user_telephone, 'userSubject':user_subject, 'userMessage':user_message};

			//Ajax post data to server
			$.post('contact.php', post_data, function(response){

				//load json data from server and output message
				if(response.type == 'error')
				{
					output = '<div class="alert-danger" style="padding:10px; margin-bottom:25px;">'+response.text+'</div>';
				}else{
					output = '<div class="alert-success" style="padding:10px; margin-bottom:25px;">'+response.text+'</div>';

					//reset values in all input fields
					$('.callus input').val('');
					$('.callus textarea').val('');
				}

				$("#result").hide().html(output).slideDown();
			}, 'json');

		}
	});

	//reset previously set border colors and hide all message on .keyup()
	$(".callus input, .callus textarea").keyup(function() {
		$("#result").slideUp();
	});




	/* ------- Smooth scroll ------- */
	$(".scroll").on("click", function (event) {
		var menu = $("nav.navbar").innerHeight();
		event.preventDefault();
		$("html,body").animate({
			scrollTop: ($(this.hash).offset().top - 10)
		}, 1000);
	});

	/*------ MENU Fixed ------*/
	$window.scroll(function () {
		var $scroll = $window.scrollTop();
		var $navbar = $(".navbar");
		if ($scroll > 100) {
			$navbar.addClass("fixedmenu");
		} else {
			$navbar.removeClass("fixedmenu");
		}
	});

	/* ------- Sidebar Toggle ------ */
	$(".menu-icon").on("click",function () {
		$(".overlay-menu").toggleClass("open");
	});
	if($(".full-nav li a").hasClass("scroll")){
		$(".full-nav li a").on("click",function () {
			$(".overlay-menu").removeClass("open");
		});
	}
	$(".icon_box p").on("click", function () {
		$(this).toggleClass("expanded");
	});

	//Full Height Banner BG
	function resizebanner(){
		$("#text-rotate").css("height", $(window).height());
	}
	$(window).resize(function(){
		resizebanner();
	});
	resizebanner();



	/* ------ Swiper Slider ------ */

	/*Page bannerr*/
	$(".text-rotator").each(function () {
		var $this = $(this);
		$this.find(".swiper-container").swiper({
			effect: "fade",
			speed: 1600,
			autoplay: 3000,
			paginationClickable: true,
			pagination: $this.find(".swiper-pagination"),
			nextButton: $this.find(".swiper-button-next"),
			prevButton: $this.find(".swiper-button-prev"),
		});
	});


	/*Blog*/
	$(".blog_slides").each(function () {
		var $this = $(this);
		$this.find(".swiper-container").swiper({
			setWrapperSize: 'true',
			slidesPerView: 1,
			controlBy: "container",
			autoplay: false,
			speed: 600,
			paginationClickable: true,
			pagination: $this.find(".swiper-pagination")
		});
	});

	/*Teams Slider with 4 slides*/
	$(".ivy-team").each(function () {
		var $this = $(this);
		new Swiper($this.find(".swiper-container")[0], {
			speed: 2000,
			autoplay: 3000,
			slidesPerView: 5,
			spaceBetween: 20,
			grabCursor: true,
			rtl: true,
			loop: false,
						pagination: {
				el: $this.find(".swiper-pagination")[0],
				clickable: true
			},
			grid: {
				rows: 2,
				fill: 'row'
			},
			breakpoints: {
				320: {
					slidesPerView: 1,
					grid: { rows: 1 }
				},
				576: {
					slidesPerView: 2,
					grid: { rows: 2 }
				},
				768: {
					slidesPerView: 3,
					grid: { rows: 2 }
				},
				1024: {
					slidesPerView: 4,
					grid: { rows: 2 }
				},
				1280: {
					slidesPerView: 5,
					grid: { rows: 2 }
				}
			}
		});
	});



	/*Blog OR News for home PAge */
	$(".our-blog").each(function () {
		var $this = $(this);
		$this.find(".swiper-container").swiper({
			slidesPerView: 3,
			spaceBetween: 20,
			grabCursor: true,
			breakpoints: {
				320: {
					slidesPerView: 1,
					spaceBetween: 20
				},
				480: {
					slidesPerView: 1,
					spaceBetween: 20
				},
				900: {
					slidesPerView: 2,
					spaceBetween: 20
				}
			},
			paginationClickable: true,
			pagination: $this.find(".swiper-pagination")

		});
	});


	/*Work with us LOGOS*/
	$(".partners").each(function () {
		var $this = $(this);
		$this.find(".swiper-container").swiper({
			slidesPerView: 5,
			spaceBetween: 15,
			controlBy: 'slide',
			grabCursor: true,
			autoplay: 2500,
			speed: 3000,
			// Responsive breakpoints
			breakpoints: {
				320: {
					slidesPerView: 1,
					spaceBetween: 10
				},
				480: {
					slidesPerView: 2,
					spaceBetween: 10
				},
				768: {
					slidesPerView: 3,
					spaceBetween: 10
				},
				900: {
					slidesPerView: 3,
					spaceBetween: 10
				}
			},
		});
	});


	/*Twitter in Slidebar*/
	$(".tweetes").each(function () {
		var $this = $(this);
		$this.find(".swiper-container").swiper({
			slidesPerView: 1,
			autoplay: 3000,
			grabCursor: true,
			controlBy: "container",
		});
	});


	/*Equal Heights*/
	if ($(".equalheight").length) {
		$(".equalheight").matchHeight({
			property: "height"
		});
	}


	/*Toggle POPOVER for share buttns*/
	$(".share").on("click", function () {
		$(".share_purpose").fadeToggle();
	});


	/* ------ Revolution*/
	$("#maxo-main").show().revolution({
		sliderType: "standard",
		sliderLayout: "fullscreen",
		fullScreenOffsetContainer: "header",
		scrollbarDrag: "true",
		dottedOverlay: "none",
		delay: 3000,
		navigation: {
			bullets: {
				style: "",
				enable: true,
				rtl: false,
				hide_onmobile: false,
				hide_onleave: false,
				hide_under: 320,
				hide_over: 9999,
				tmp: '',
				direction: "horizontal",
				space: 10,
				h_align: "center",
				v_align: "bottom",
				h_offset: 15,
				v_offset: 30
			},
			arrows: {
				enable: true,
				hide_onmobile: true,
				hide_onleave: false,
				hide_under: 767,
				left: {
					h_align: "left",
					v_align: "bottom",
					h_offset: 20,
					v_offset: 30,
				},
				right: {
					h_align: "right",
					v_align: "bottom",
					h_offset: 20,
					v_offset: 30
				},
			},
			touch: {
				touchenabled: "on",
				swipe_threshold: 75,
				swipe_min_touches: 1,
				swipe_direction: "horizontal",
				drag_block_vertical: false,
			}
		},
		viewPort: {
			enable: true,
			outof: "pause",
			visible_area: "90%"
		},
		responsiveLevels: [4096, 1200, 992, 768],
		gridwidth: [1200, 992, 768, 480],
		gridheight: [600, 500, 500, 350],
		lazyType: "none",
		parallax: {
			type: "mouse",
			origo: "slidercenter",
			speed: 9000,
			levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
		},
		shadow: 0,
		spinner: "off",
		stopLoop: "off",
		stopAfterLoops: -1,
		stopAtSlide: -1,
		shuffle: "off",
		autoHeight: "off",
		hideThumbsOnMobile: "off",
		hideSliderAtLimit: 0,
		hideCaptionAtLimit: 0,
		hideAllCaptionAtLilmit: 0,
		debugMode: false,
		fallbacks: {
			simplifyAll: "off",
			nextSlideOnWindowFocus: "off",
			disableFocusListener: false,
		}
	});


	// =========== Parallax ===========
	if (window.innerWidth > 991) {
		$(".parallax").parallax("50%", 0.03);
	}

	// +++++  CubeFolio
	// gallery
	$("#work-gallery").cubeportfolio({
		filters: "#work-filters",
		layoutMode: "mosaic",
		defaultFilter: '*',
		animationType: "fadeOut",
		gapHorizontal: 20,
		gapVertical: 20,
		gridAdjustment: "responsive",
		mediaQueries: [{
			width: 1500,
			cols: 3
		}, {
			width: 1100,
			cols: 3
		}, {
			width: 480,
			cols: 2
		}, {
			width: 320,
			cols: 1
		}],
		displayType: "fadeIn",
		displayTypeSpeed: 400,
	});

	$("#cube-gallery").cubeportfolio({
		filters: "#cube-filters",
		layoutMode: "grid",
		defaultFilter: '*',
		animationType: "fadeOut",
		gapHorizontal: 20,
		gapVertical: 20,
		gridAdjustment: "responsive",
		mediaQueries: [{
			width: 1500,
			cols: 3
		}, {
			width: 1100,
			cols: 3
		}, {
			width: 480,
			cols: 2
		}, {
			width: 320,
			cols: 1
		}],
		displayType: "fadeIn",
		displayTypeSpeed: 400,
	});



	//FancyBox  Popup
	$("[data-fancybox]").fancybox({
		arrows : true,
		infobar : true,
		thumbs: false,
	});

	// gradient layout
	function checkGradeient() {
		//gradient animations
		var colors = new Array(
			[62,35,255],
			[60,255,60],
			[255,35,98],
			[45,175,230],
			[255,0,255],
			[255,128,0]);

		var step = 0;
		//color table indices for:
		// current color left
		// next color left
		// current color right

		// next color right
		var colorIndices = [0,1,2,3];

		//transition speed
		var gradientSpeed = 0.002;

		function updateGradient()
		{

			if ( $===undefined ) return;

			var c0_0 = colors[colorIndices[0]];
			var c0_1 = colors[colorIndices[1]];
			var c1_0 = colors[colorIndices[2]];
			var c1_1 = colors[colorIndices[3]];

			var istep = 1 - step;
			var r1 = Math.round(istep * c0_0[0] + step * c0_1[0]);
			var g1 = Math.round(istep * c0_0[1] + step * c0_1[1]);
			var b1 = Math.round(istep * c0_0[2] + step * c0_1[2]);
			var color1 = "rgb("+r1+","+g1+","+b1+")";

			var r2 = Math.round(istep * c1_0[0] + step * c1_1[0]);
			var g2 = Math.round(istep * c1_0[1] + step * c1_1[1]);
			var b2 = Math.round(istep * c1_0[2] + step * c1_1[2]);
			var color2 = "rgb("+r2+","+g2+","+b2+")";

			$('.gradient').css({
				background: "-webkit-gradient(linear, left top, right top, from("+color1+"), to("+color2+"))"}).css({
				background: "-moz-linear-gradient(left, "+color1+" 0%, "+color2+" 100%)"});

			step += gradientSpeed;
			if ( step >= 1 )
			{
				step %= 1;
				colorIndices[0] = colorIndices[1];
				colorIndices[2] = colorIndices[3];

				//pick two new target color indices
				//do not pick the same as the current one
				colorIndices[1] = ( colorIndices[1] + Math.floor( 1 + Math.random() * (colors.length - 1))) % colors.length;
				colorIndices[3] = ( colorIndices[3] + Math.floor( 1 + Math.random() * (colors.length - 1))) % colors.length;

			}
		}

		setInterval(updateGradient,10);
	}

	if($('body').hasClass("gradientLayout")){
		checkGradeient()
	}

});