$(document).ready(function() {
	var imgs = $("img");
	var img_count = 0;
	var percentage;
	var allImgs = imgs.length;
	var hh = $(window).height();
	var ww = $(window).width();
	//alert(allImgs);
	imgs.each(function(){
		$(this).imagesLoaded(function(){
			img_count++;
			percentage = String( Math.floor((img_count/allImgs)*100)+"%" );
			if(percentage=="100%"){
				$(".loading").fadeOut(300);
				imgFull($(".view-bg"));
			}
		})
	})
	$('#container').fullpage({
		//anchors: ['page1', 'page2', 'page3', 'page4', 'page5'],
		menu: '.cc-nav',
		resize:false,
		scrollingSpeed: 500,
		slidesNavigation:true,
		css3:false,
		easing:'easeInOutExpo',
		easingcss3:'',
		afterRender: function(){
				imgFull($(".view-bg"));
				$('.cc-head').removeClass("hide");
		},
		afterLoad: function(anchorLink, index){
			if(index == 1){
				$('.cc-head').removeClass("hide");
				$('.nav-trigger').addClass("hide");
			}
			if(index == 2){
				TweenMax.to( $('#page2-title'), .5, {css:{opacity: 1,y:0},ease: Sine.easeOut});
				TweenMax.to( $('.page2_t1'), .5, {delay:.3,css:{opacity: 1,y:0},ease: Sine.easeOut});
				$('.page2_nav li').each(function(v){
					var times = 0.3+(v*0.2);
					TweenMax.to($(this), .5, {delay:times,css:{y:0,opacity:1}, ease:Quad.easeOut});
				})
				TweenMax.to( $('#page2_com'), .5, {delay:1,css:{opacity: 1,y:0},ease: Sine.easeOut});
				TweenMax.to( $('.page2_more'), .5, {delay:1.1,css:{opacity: 1,y:0},ease: Sine.easeOut});
			}
			if(index == 3){
				TweenMax.to( $('#page3_more'), .5, {delay:.3,css:{opacity: 1,x:0},ease: Sine.easeOut});
			}
			if(index == 4){
				TweenMax.to( $('#page4-title'), .5, {css:{opacity: 1,y:0},ease: Sine.easeOut});
				TweenMax.to( $('.page4_t1'), .5, {delay:.3,css:{opacity: 1,y:0},ease: Sine.easeOut});
				$('.index-news li').each(function(v){
					var times = 0.3+(v*0.2);
					TweenMax.to($(this), .5, {delay:times,css:{x:0,opacity:1}, ease:Quad.easeOut});
				})
				TweenMax.to( $('.page4_more'), .5, {delay:.8,css:{opacity: 1,y:0},ease: Sine.easeOut});
			}
			if(index == 5){
				TweenMax.to( $('#page5-title'), .5, {css:{opacity: 1,y:0},ease: Sine.easeOut});
				TweenMax.to( $('.page5_t1 h1'), .5, {delay:.3,css:{opacity: 1,y:0},ease: Sine.easeOut});
				TweenMax.to( $('.page5_t1 p'), .5, {delay:.5,css:{opacity: 1,y:0},ease: Sine.easeOut});
				$('.page5_icons li').each(function(v){
					var times = 0.5+(v*0.2);
					TweenMax.to($(this), .5, {delay:times,css:{y:0,opacity:1}, ease:Quad.easeOut});
				})
				TweenMax.to( $('.page5_more'), .5, {delay:1,css:{opacity: 1,y:0},ease: Sine.easeOut});
				TweenMax.to( $('.index-footer'), .5, {delay:1.2,css:{y:0},ease: Sine.easeOut});
			}
		},
		onLeave: function(index,nextIndex,direction){
			if(index == 1){
				checkNav();
			}
			if(index == 2){
				checkNav();
				TweenMax.to( $('#page2-title'), .5, {css:{opacity: 0,y:30},ease: Sine.easeOut});
				TweenMax.to( $('.page2_t1'), .5, {css:{opacity: 0,y:30},ease: Sine.easeOut});
				$('.page2_nav li').each(function(v){
					var times = (v*0.2);
					TweenMax.to($(this), .5, {delay:times,css:{y:-30,opacity:0}, ease:Quad.easeOut});
				})
				TweenMax.to( $('#page2_com'), .5, {css:{opacity: 0,y:30},ease: Sine.easeOut});
				TweenMax.to( $('.page2_more'), .5, {css:{opacity: 0,y:30},ease: Sine.easeOut});
			}
			if(index == 3){
				checkNav();
				TweenMax.to( $('#page3_more'), .5, {css:{opacity: 0,x:-30},ease: Sine.easeOut});
			}
			if(index == 4){
				checkNav();
				TweenMax.to( $('#page4-title'), .5, {css:{opacity: 0,y:30},ease: Sine.easeOut});
				TweenMax.to( $('.page4_t1'), .5, {delay:.3,css:{opacity: 0,y:30},ease: Sine.easeOut});
				$('.index-news li').each(function(v){
					var times =(v*0.2);
					TweenMax.to($(this), .5, {delay:times,css:{x:-30,opacity:0}, ease:Quad.easeOut});
				})
				TweenMax.to( $('.page4_more'), .5, {css:{opacity: 0,y:-30},ease: Sine.easeOut});
			}
			if(index == 5){
           checkNav();
				TweenMax.to( $('#page5-title'), .5, {css:{opacity: 0,y:30},ease: Sine.easeOut});
				TweenMax.to( $('.page5_t1 h1'), .5, {css:{opacity: 0,y:30},ease: Sine.easeOut});
				TweenMax.to( $('.page5_t1 p'), .5, {css:{opacity: 0,y:30},ease: Sine.easeOut});
				$('.page5_icons li').each(function(v){
					var times = (v*0.2);
					TweenMax.to($(this), .5, {delay:times,css:{y:-30,opacity:0}, ease:Quad.easeOut});
				})
				TweenMax.to( $('.page5_more'), .5, {css:{opacity: 0,y:30},ease: Sine.easeOut});
				TweenMax.to( $('.index-footer'), .5, {css:{y:'100%'},ease: Sine.easeOut});
			}
		},
		afterSlideLoad:function(anchorLink,index,slideIndex,direction){
			if(index==1){
				if(slideIndex==0){
				}
			}
			//alert(slideIndex);
		},
		onSlideLeave:function(anchorLink,index,slideIndex,direction){
			if(index==1){
				if(slideIndex==0){
				}
			}
		}
	});
    setInterval(function(){
        $.fn.fullpage.moveSlideRight();
    }, 5000);
	$(".skip-btn").click(function(){
		$.fn.fullpage.moveSectionDown();
	})

  
	
	function checkNav(){
		if(!$(".cc-head").hasClass("hide")){
			$(".cc-head").addClass("hide");
			$(".nav-trigger").removeClass("hide")
		}
	}
	$(".nav-trigger").click(function(){
		if($(".cc-head").hasClass("hide")){
			$(".cc-head").removeClass("hide");
			$(".nav-trigger").addClass("hide");
		}
	})
		
function imgFull(imgParent) {
	var $imgArr = imgParent ? $(imgParent).find("img") : $("[data-img=full]"),
		len = $imgArr.length,
		i = 0;

	function init() {
		var width = $(this).width(),
			height = $(this).height(),
			$parent = $(this).parent(),
			parentWidth = $parent.width(),
			parentHeight = $parent.height();

		if (width/parentWidth < height/parentHeight) {

			$(this).width(parentWidth);
			$(this).height("auto");
			//alert(this.src);
			$(this).css({"position": "absolute", "left": "0", "top": -($(this).height() - parentHeight)+1/2});
		} else {

			$(this).width("auto");
			$(this).height(parentHeight);
			$(this).css({"position": "absolute", "top": "0", "left": -($(this).width()- parentWidth)/2});
		}

		if (++i == len) {
			//removeLoading();
			//shoustrue();
		}
		//$(this).stop().animate({opacity: 1}, 500);	
	}

	$imgArr.each(function() {
		var $parent = $(this).parent(),
			img = new Image(),
			$self = $(this);
		$parent.css({"overflow": "hidden"});

		if ($parent.css("position") != "absolute") {

			$parent.css({"position": "relative"});
		}
		init.call($self[0]);
		img.onload = img.onComplete = function() {

			init.call($self[0]);
			this.onload = this.onerror = null;
			img = null;
		};

		img.onerror = function() {
			img.onload = img.onerror = null;
			img = null;
		}
		img.src = $(this).attr("src");
	});
}

	$(window).resize(function(){
		setTimeout(function(){
			imgFull($(".view-bg"));
		}, 500);
	})
});