/*
 *
 *		CUSTOM.JS
 *
 */

(function($){
	
	"use strict";
	
	// DETECT TOUCH DEVICE //
	function is_touch_device() {
		return !!('ontouchstart' in window) || ( !! ('onmsgesturechange' in window) && !! window.navigator.maxTouchPoints);
	}
	
	
	// SHOW/HIDE MOBILE MENU //
	function show_hide_mobile_menu() {
		
		$("#mobile-menu-button").on("click", function(e) {
            
			e.preventDefault();
			
			$("#mobile-menu").slideToggle(300);
			
        });	
		
	}
	
	
	// MOBILE MENU //
	function mobile_menu() {
		
		if ($(window).width() < 992) {
			
			if ($("#menu").length > 0) {
			
				if ($("#mobile-menu").length < 1) {
					
					$("#menu").clone().attr({
						id: "mobile-menu",
						class: ""
					}).insertAfter("header");
					
					$("#mobile-menu .megamenu > a").on("click", function(e) {
                        
						e.preventDefault();
						
						$(this).toggleClass("open").next("div").slideToggle(300);
						
                    });
					
					$("#mobile-menu .dropdown > a").on("click", function(e) {
                        
						e.preventDefault();
						
						$(this).toggleClass("open").next("ul").slideToggle(300);
						
                    });
				
				}
				
			}
				
		} else {
			
			$("#mobile-menu").hide();
			
		}
		
	}
	
	
	// SEARCH //
	function search_form() {	
		
		$(".search-button").on("click", function(e) { 
		
			e.preventDefault();
			$("#search-container").insertBefore("#header");
			
			if(!$(".search-button").hasClass("open")) {
			
				$("#search-container").slideDown(200).addClass("open");
				$(this).addClass("open");
				
			} else {
				
				$("#search-container").slideUp(200).removeClass("open");
				$(this).removeClass("open");	
			
			}
			
		});
		
	}
	
	
	// STICKY //
	function sticky() {
		
		var sticky_point = 128;
		
		$("header").clone().attr({
			id: "header-sticky",
			class: ""
		}).insertAfter("header");
		
		$(window).scroll(function(){
			
			if ($(window).scrollTop() > sticky_point) {  
				$("#header-sticky").fadeIn(300).addClass("header-sticky");
				$("#header .menu ul, #header .menu .megamenu-container").css({"visibility": "hidden"});
			} else {
				$("#header-sticky").fadeOut(0).removeClass("header-sticky");
				$("#header .menu ul, #header .menu .megamenu-container").css({"visibility": "visible"});
			}
			
		});
		
	}
	
 
	// PROGRESS BARS // 
	function progress_bars() {
		
		$(".progress .progress-bar:in-viewport").each(function() {
			
			if (!$(this).hasClass("animated")) {
				$(this).addClass("animated");
				$(this).animate({
					width: $(this).attr("data-width") + "%"
				}, 2000);
			}
			
		});
		
	}


	// CHARTS //
	function pie_chart() {
		
		$(".pie-chart:in-viewport").each(function() {
			
			$(this).easyPieChart({
				animate: 1500,
				lineCap: "square",
				lineWidth: $(this).attr("data-line-width"),
				size: $(this).attr("data-size"),
				barColor: $(this).attr("data-bar-color"),
				trackColor: $(this).attr("data-track-color"),
				scaleColor: "transparent",
				onStep: function(from, to, percent) {
					$(this.el).find('.pie-chart-details .value').text(Math.round(percent));
				}
			});
			
		});
		
	}
	
	
	// COUNTER //
	function counter() {
		
		$(".counter .counter-value:in-viewport").each(function() {
			
			if (!$(this).hasClass("animated")) {
				$(this).addClass("animated");
				$(this).jQuerySimpleCounter({
					start: 0,
					end: $(this).attr("data-value"),
					duration: 2000
				});	
			}
		
		});
		
	}
	
	
	// ANIMATE CHARTS //
	function animate_charts() {
		
		$(".chart-container .animate-chart:in-viewport").each(function() {
			
			if(!$(this).hasClass("animated")) {
				
				$(this).addClass("animated");
				
				// LINE CHART //
				var data = {
					labels : ["JAN 2014","","","","","","","AUG 2014","","","","","","FEB 2015"],
					datasets : [
						{
							fillColor: "transparent",
							strokeColor: "transparent",
							pointColor: "transparent",
							pointStrokeColor: "transparent",
							data : [0,0,0,0,0,0,0,0,0,0,0,0,0,0]
						},
						{
							fillColor: "transparent",
							strokeColor: "transparent",
							pointColor: "transparent",
							pointStrokeColor: "transparent",
							data : [100,100,100,100,100,100,100,100,100,100,100,100,100,100]
						},
						{
							fillColor: "transparent",
							strokeColor: "#3b3e43",
							pointColor: "transparent",
							pointStrokeColor: "transparent",
							data : [35,60,30,40,30,55,45,75,45,55,35,55,45,60]
						},
						{
							fillColor: "transparent",
							strokeColor: "#a2a5ab",
							pointColor: "transparent",
							pointStrokeColor: "transparent",
							data : [30,30,25,28,25,35,28,30,35,65,30,45,40,50]
						},
						{
							fillColor: "transparent",
							strokeColor: "#efdbbd",
							pointColor: "transparent",
							pointStrokeColor: "transparent",
							data : [10,5,15,10,15,5,15,25,20,15,25,5,30,20]
						},
						{
							fillColor: "transparent",
							strokeColor: "#bca480",
							pointColor: "transparent",
							pointStrokeColor: "transparent",
							data : [15,18,21,15,20,15,5,20,15,18,21,15,20,35]
						}							
					]
				}
			
				var line_chart = new Chart(document.getElementById("line-chart").getContext("2d")).Line(data, { 
					responsive: true,
					showTooltips: false,
					bezierCurve: false
				});
				
				
				// BAR CHARTS //
				var data = {
					labels: ["FIRST SEM", "SECOND SEM", "THIRD SEM"],
					datasets: [
						{
							label: "",
							fillColor: "transparent",
							strokeColor: "transparent",
							highlightFill: "transparent",
							highlightStroke: "transparent",
							data: [100, 100, 100]
						},
						{
							label: "",
							fillColor: "#3b3e43",
							strokeColor: "#3b3e43",
							highlightFill: "#3b3e43",
							highlightStroke: "#3b3e43",
							data: [65, 60, 55]
						},
						{
							label: "",
							fillColor: "#a2a5ab",
							strokeColor: "#a2a5ab",
							highlightFill: "#a2a5ab",
							highlightStroke: "#a2a5ab",
							data: [60, 50, 45]
						},
						{
							label: "",
							fillColor: "#efdbbd",
							strokeColor: "#efdbbd",
							highlightFill: "#efdbbd",
							highlightStroke: "#efdbbd",
							data: [50, 55, 85]
						},
						{
							label: "",
							fillColor: "#bca480",
							strokeColor: "#bca480",
							highlightFill: "#bca480",
							highlightStroke: "#bca480",
							data: [55, 75, 70]
						}
					]
				};
				
				var bar_charterfw  = new Chart(document.getElementById("bar-chart").getContext("2d")).Bar(data, { 
					responsive: true,
					showTooltips: false,
					barShowStroke: true,
					barStrokeWidth: 1,
					barValueSpacing: 5,
					barDatasetSpacing: 10
				});
				
				
				// PIE CHART
				var data = [					
					{
						value: 15,
						color: "#efdbbd",
						highlight: "#efdbbd",
						label: "#efdbbd"
					},
					{
						value: 50,
						color:"#3b3e43",
						highlight: "#3b3e43",
						label: "#3b3e43"
					},				
					{
						value: 15,
						color: "#a2a5ab",
						highlight: "#a2a5ab",
						label: "#a2a5ab"
					},										
					{
						value: 20,
						color: "#bca480",
						highlight: "#bca480",
						label: "#bca480"
					}
				]
				
				var pie_chart = new Chart(document.getElementById("pie-chart").getContext("2d")).Pie(data, { 
					responsive: true,
					showTooltips: false,
					animationSteps: 30
				});
					
			}
			
		});
			
	}
	
	
	// LOAD MORE PROJECTS //
	function load_more_projects() {
	
		var number_clicks = 0;
		
		$(".load-more").on("click", function(e) {
			
			e.preventDefault();
			
			if (number_clicks == 0) {
				$.ajax({
					type: "POST",
					url: $(".load-more").attr("href"),
					dataType: "html",
					cache: false,
					msg : '',
					success: function(msg) {
						$(".isotope").append(msg);	
						$(".isotope").imagesLoaded(function() {
							$(".isotope").isotope("reloadItems").isotope();
							$(".fancybox-portfolio-gallery").attr("rel","group").fancybox({
								prevEffect: 'none',
								nextEffect: 'none'
							});
							
							$(".fancybox-blog-gallery").attr("rel","group").fancybox({
								prevEffect: 'none',
								nextEffect: 'none'
							});
						});
						number_clicks++;
						$(".load-more").html("No more project");
					}
				});
			}
			
		});
		
	}
	
	
	// SHOW/HIDE GO TOP //
	function show_hide_go_top() {
		
		if ($(window).scrollTop() > $(window).height()/2) {
			$("#go-top").fadeIn(300);
		} else {
			$("#go-top").fadeOut(300);
		}
		
	}
	
	
	// GO TOP //
	function go_top() {				
		
		$("#go-top").on("click", function () {
			$("html, body").animate({
				scrollTop: 0
			}, 800);
			return false;
		});
		
	}
	
	// FULL SCREEN //
	function full_screen() {
		
		$(".full-screen").css("height", $(window).height() + "px");
		
	}	
	
	
	// ANIMATIONS //
	function animations() {
		
		animations = new WOW({
			boxClass: 'wow',
			animateClass: 'animated',
			offset: 100,
			mobile: false,
			live: true
		})
		
		animations.init();
		
	}
	
	
	// SMOOTH SCROLLING //
	function smooth_scrolling() {
		
		$(".scrollspy-menu a").on("click", function (e) {
			var target = this.hash,
				$target = $(target);
	
			$("html, body").stop().animate( {
				'scrollTop': $target.offset().top
			}, 900, 'swing', function () {
				window.location.hash = target;
			});
		});
		
	}
	
	
	// DOCUMENT READY //
	$(document).ready(function(){
		
		// STICKY //
		if ($("body").hasClass("sticky-header")) {
			sticky();
		}
		
		// MENU //
		$(".menu").superfish({
			delay: 500,
			animation: {
				opacity: 'show',
				height: 'show'
			},
			speed: 'normal',
			cssArrows: false
		});
		
		
		//SHOW/HIDE MOBILE MENU //
		show_hide_mobile_menu();
		
		
		// MOBILE MENU //
		mobile_menu();
		
		
		// SEARCH //
		search_form();
	
		
		// FANCYBOX //
		$(".fancybox").fancybox({});
		
		$(".fancybox-portfolio-gallery").attr("rel","group").fancybox({
			prevEffect: 'none',
			nextEffect: 'none'
		});
		
		$(".fancybox-blog-gallery").attr("rel","group").fancybox({
			prevEffect: 'none',
			nextEffect: 'none'
		});
		
		
		// REVOLUTION SLIDER //
		$(".banner").revolution({
			delay: 9000,
			startwidth: 1170,
			startheight: 635,
			startWithSlide: 0,
			
			fullScreenAlignForce: "off",
			autoHeight: "off",
			minHeight: "off",
			
			shuffle: "off",
			
			onHoverStop: "on",
			
			thumbWidth: 100,
			thumbHeight: 50,
			thumbAmount: 3,
			
			hideThumbsOnMobile: "off",
			hideNavDelayOnMobile: 1500,
			hideBulletsOnMobile: "off",
			hideArrowsOnMobile: "off",
			hideThumbsUnderResoluition: 0,
			
			hideThumbs: 0,
			hideTimerBar: "on",
			
			keyboardNavigation: "on",
			
			navigationType: "bullet",
			navigationArrows: "solo",
			navigationStyle: "round",
			
			navigationHAlign: "center",
			navigationVAlign: "bottom",
			navigationHOffset: 0,
			navigationVOffset: 30,
			
			soloArrowLeftHalign: "left",
			soloArrowLeftValign: "center",
			soloArrowLeftHOffset: 20,
			soloArrowLeftVOffset: 0,
			
			soloArrowRightHalign: "right",
			soloArrowRightValign: "center",
			soloArrowRightHOffset: 20,
			soloArrowRightVOffset: 0,
			
			
			touchenabled: "off",
			swipe_velocity: "0.7",
			swipe_max_touches: "1",
			swipe_min_touches: "1",
			drag_block_vertical: "false",
			
			stopAtSlide: -1,
			stopAfterLoops: -1,
			hideCaptionAtLimit: 0,
			hideAllCaptionAtLilmit: 0,
			hideSliderAtLimit: 0,
			
			dottedOverlay: "none",
			
			spinned: "spinner4",
			
			fullWidth: "off",
			forceFullWidth: "off",
			fullScreen: "off",
			fullScreenOffsetContainer: "#topheader-to-offset",
			fullScreenOffset: "0px",
			
			panZoomDisableOnMobile: "off",
			
			simplifyAll: "off",
			
			shadow: 0
		});
		
		$(".banner-fullscreen").revolution({
			delay: 9000,
			startwidth: 1170,
			startWithSlide: 0,
			
			fullScreenAlignForce: "off",
			autoHeight: "on",
			minHeight: "off",
			
			shuffle: "off",
			
			onHoverStop: "on",
			
			thumbWidth: 100,
			thumbHeight: 50,
			thumbAmount: 3,
			
			hideThumbsOnMobile: "off",
			hideNavDelayOnMobile: 1500,
			hideBulletsOnMobile: "off",
			hideArrowsOnMobile: "off",
			hideThumbsUnderResoluition: 0,
			
			hideThumbs: 0,
			hideTimerBar: "on",
			
			keyboardNavigation: "on",
			
			navigationType: "bullet",
			navigationArrows: "solo",
			navigationStyle: "round",
			
			navigationHAlign: "center",
			navigationVAlign: "bottom",
			navigationHOffset: 0,
			navigationVOffset: 30,
			
			soloArrowLeftHalign: "left",
			soloArrowLeftValign: "center",
			soloArrowLeftHOffset: 20,
			soloArrowLeftVOffset: 65,
			
			soloArrowRightHalign: "right",
			soloArrowRightValign: "center",
			soloArrowRightHOffset: 20,
			soloArrowRightVOffset: 65,
			
			
			touchenabled: "off",
			swipe_velocity: "0.7",
			swipe_max_touches: "1",
			swipe_min_touches: "1",
			drag_block_vertical: "false",
			
			stopAtSlide: -1,
			stopAfterLoops: -1,
			hideCaptionAtLimit: 0,
			hideAllCaptionAtLilmit: 0,
			hideSliderAtLimit: 0,
			
			dottedOverlay: "none",
			
			spinned: "spinner4",
			
			fullWidth: "off",
			forceFullWidth: "off",
			fullScreen: "on",
			fullScreenOffsetContainer: "#topheader-to-offset",
			fullScreenOffset: "0px",
			
			panZoomDisableOnMobile: "off",
			
			simplifyAll: "off",
			
			shadow: 0
		});
	
	
		// BxSLIDER //
		$(".info-slider ul").bxSlider({
			mode: 'fade',
			speed: 800,
			infiniteLoop: true,
			hideControlOnEnd: false,
			pager: true,
			pagerType: 'full',
			controls: false,
			auto: true,
			pause: 5000,
			autoHover: true,
			useCSS: false
		});
		
		$(".testimonial-slider ul").bxSlider({
			mode: 'fade',
			speed: 800,
			infiniteLoop: true,
			hideControlOnEnd: false,
			pager: true,
			pagerType: 'full',
			controls: false,
			auto: false,
			pause: 4000,
			autoHover: true,
			useCSS: false,
			pagerCustom: '#thumb-pager'
		});
		
		$(".testimonial-slider-2 ul").bxSlider({
			mode: 'fade',
			speed: 800,
			infiniteLoop: true,
			hideControlOnEnd: false,
			pager: true,
			pagerType: 'full',
			controls: false,
			auto: false,
			pause: 4000,
			autoHover: true,
			useCSS: false
		});
		
		$(".project-slider ul").bxSlider({
			mode: 'fade',
			speed: 800,
			infiniteLoop: true,
			hideControlOnEnd: false,
			pager: true,
			pagerType: 'full',
			controls: false,
			auto: false,
			pause: 4000,
			autoHover: true,
			useCSS: false,
			pagerCustom: '#project-slider-control'
		});
		
		$(".images-slider ul").bxSlider({
			mode: 'horizontal',
			speed: 800,
			infiniteLoop: true,
			hideControlOnEnd: false,
			pager: true,
			pagerType: 'full',
			controls: false,
			auto: true,
			pause: 4000,
			autoHover: true,
			useCSS: false
		});
		
		$(".images-slider-2 ul").bxSlider({
			mode: 'horizontal',
			speed: 800,
			infiniteLoop: true,
			hideControlOnEnd: false,
			pager: false,
			pagerType: 'full',
			controls: true,
			auto: true,
			pause: 4000,
			autoHover: true,
			useCSS: false
		});
		
		
		// GOOGLE MAPS //
		$(".map").gMap({
			maptype: 'ROADMAP',
			scrollwheel: false,
			zoom: 11,
			markers: [{
				address: 'San Jose, California, USA',
				html: 'MILO Office'
			}],
			controls: {
				panControl: true,
				zoomControl: true,
				mapTypeControl: true,
				scaleControl: false,
				streetViewControl: false,
				overviewMapControl: false
			}
		});
		
		
		// ISOTOPE //
		$(".isotope").imagesLoaded( function() {
			
			var container = $(".isotope");
			
			container.isotope({
				itemSelector: '.isotope-item',
				layoutMode: 'masonry',
				transitionDuration: '0.8s'
			});
			
			$(".filter li a").on("click", function () {
				$(".filter li a").removeClass("active");
				$(this).addClass("active");
	
				var selector = $(this).attr("data-filter");
				container.isotope({
					filter: selector
				});
	
				return false;
			});
	
			$("body").resize(function () {
				container.isotope();
			});
			
		});
		
		
		// LOAD MORE PORTFOLIO ITEMS //
		load_more_projects();
		
		
		// PLACEHOLDER //
		$("input, textarea").placeholder();
		
		
		// CONTACT FORM VALIDATE & SUBMIT //
		// VALIDATE //
		$("#contact-form").validate({
			rules: {
				name: {
					required: true
				},
				email: {
					required: true,
					email: true
				},
				subject: {
					required: true
				},
				message: {
					required: true,
					minlength: 10
				}
			},
			messages: {
				name: {
					required: "Please enter your name!"
				},
				email: {
					required: "Please enter your email!",
					email: "Please enter a valid email address"
				},
				subject: {
					required: "Please enter the subject!"
				},
				message: {
					required: "Please enter your message!"
				}
			},
				
			// SUBMIT //
			submitHandler: function(form) {
				var result;
				$(form).ajaxSubmit({
					type: "POST",
					data: $(form).serialize(),
					url: "assets/php/send.php",
					success: function(msg) {
						
						if (msg == 'OK') {
							result = '<div class="alert alert-success">Your message was successfully sent!</div>';
							$("#contact-form").clearForm();
						} else {
							result = msg;
						}
						
						$("#alert-area").html(result);
	
					},
					error: function() {
	
						result = '<div class="alert alert-danger">There was an error sending the message!</div>';
						$("#alert-area").html(result);
	
					}
				});
			}
		});
		
		
		// PARALLX //
		if (!is_touch_device()) {
			$('.parallax').parallaxScroll({
				friction: 0
			});
		}
		
		
		// SHOW/HIDE GO TOP
		show_hide_go_top();
		
		
		// GO TOP //
		go_top();
		
		
		// YOUTUBE PLAYER //
		$(".youtube-player").mb_YTPlayer();
		
		
		// ANIMATIONS //
		animations();
		
		
		// FULL SCREEN //
		full_screen();
		
		
		// SMOOTH SCROLLING
		smooth_scrolling();
		
		
		// SCROLLSPY //
		$("body").scrollspy({
			target: '.scrollspy-menu'
		});
			
	});

	
	// WINDOW SCROLL //
	$(window).scroll(function(){
		
		progress_bars();
		pie_chart();
		counter();
		animate_charts();
		show_hide_go_top();
		
		if ($(this).scrollTop() > 200){  
			$(".elements-menu").addClass("elements-menu-sticky");
		} else {
			$(".elements-menu").removeClass("elements-menu-sticky");
		}
		
	});
	
	
	// WINDOW RESIZE //
	$(window).resize(function(e) {

		mobile_menu();
		full_screen();
		
	});
	
})(window.jQuery);