TweenMax.lagSmoothing(0);

// ========================================= roding animation ========================================= //
function initIndex() {
    ShiftRight(true,0);
    ShiftMain(1600, false);
}
function ShiftRight(momentaly, duration) {
    var winWidth = $(window).width(),
        delay1 = 600,
        delay2 = 900,
        delay3 = 1200;
    
    if(momentaly) {
        delay1 = 0;
        delay2 = 0;
        delay3 = 0;
    }
}

function ShiftLeft(momentaly, duration) {
    var winWidth = $(window).width(),
        delay1 = 600,
        delay2 = 900,
        delay3 = 1200;
    
    if(momentaly) {
        delay1 = 0;
        delay2 = 0;
        delay3 = 0;
    }
}

function ShiftMain(duration, reverse) {
    var delay1 = 0,
        delay2 = 600,
        delay3 = 1200;
    
    if(reverse) {
        delay1 = 1200;
        delay2 = 600;
        delay3 = 0;
    }
}

// ========================================= intro ========================================= //
function toggleLoader(reverse) {
	TweenMax.killAll();
	$("#header").css({opacity:"0"});

	if(reverse) {
		// Reset
		TweenMax.to($("#header"), 0, {opacity:"0", ease: Circ.easeInOut});
		TweenMax.to($(".preload"), 0, {x:"100%", ease: Circ.easeInOut});
		TweenMax.to($(".preload .cover"), 0, {x:"100%", ease: Circ.easeInOut});
		TweenMax.to($(".preload .loadin"), 0, {opacity:"0", ease: Circ.easeInOut});
		TweenMax.to($(".preload .loadin .loadin_cont"), 0, {opacity:"0", ease: Circ.easeInOut});
		TweenMax.to($(".preload .loadin .datecover"), 0, {width:"0%", ease: Circ.easeInOut});
		TweenMax.to($(".preload .loadin .date"), 0, {opacity:"0", ease: Circ.easeInOut});
		TweenMax.to($(".preload .loadin .text"), 0, {opacity:"0.5", ease: Circ.easeInOut});
		TweenMax.to($(".mask"), 0, {opacity:"1", ease: Circ.easeInOut});
		TweenMax.to($(".slider-wrapper"), 0, {x:"100%", ease: Circ.easeInOut});
		
		TweenMax.fromTo($('.preload'), 1, {x: "100%"}, {x: "0%", ease: Circ.easeInOut, onComplete: function() {
            //$(window).scrollTop(0);
        }});
		
		TweenLite.to($('.preload .loadin .loadin_cont'), 0.4, {opacity: "1", overwrite:"all", delay: 0.3, ease: Power1.easeOut, onComplete: function() {
			TweenMax.fromTo($('.preload .datecover'), 0.2, {width: "0%"}, {width: "19%", ease: Power1.easeOut, onComplete: function() {
				TweenMax.fromTo($('.preload .datecover'), 0.3, {width: "19%"}, {width: "0%", ease: Circ.easeInOut});
				TweenMax.to($('.preload .loadin .date'), 0.2, {opacity:"1", ease: Circ.easeInOut});
			}});
			TweenMax.to($(".preload .loadin .text"), 0.8, {opacity:"1", ease: Circ.easeInOut});
			TweenMax.fromTo($('.preload .cover'), 2, {x: "100%"}, {x: "0%", delay: 0.4, ease: Circ.easeInOut, onComplete: function() {
				TweenMax.to($('#header'), 0.2, {opacity: "1", ease: Circ.easeInOut});
				TweenMax.fromTo($('.preload'), 1, {x: "0%"}, {x: "-100%", ease: Circ.easeInOut});


				initIndex();
				mainSlide();
				TweenMax.fromTo($('.mask'), 3, {display:"block"}, {opacity: "0", ease: Circ.easeInOut, onComplete: function() { 
					TweenMax.to($('.mask'), 0.1, {display:"none", ease: Circ.easeInOut});
				}});
			}});
		}});
		
		TweenMax.fromTo($('.slider-wrapper'), 4, {x: "100%"}, {x: "0%", ease: Circ.easeInOut});
	} else {
        $(window).scrollTop(0);

		TweenLite.to($('.preload .loadin .loadin_cont'), 0.4, {opacity: "1", overwrite:"all", delay: 0.3, ease: Power1.easeOut, onComplete: function() {
			TweenMax.fromTo($('.preload .datecover'), 0.2, {width: "0%"}, {width: "19%", ease: Power1.easeOut, onComplete: function() {
				TweenMax.fromTo($('.preload .datecover'), 0.3, {width: "19%"}, {width: "0%", ease: Circ.easeInOut});
				TweenMax.to($('.preload .loadin .date'), 0.2, {opacity:"1", ease: Circ.easeInOut});
			}});
			TweenMax.to($(".preload .loadin .text"), 0.8, {opacity:"1", ease: Circ.easeInOut});
			TweenMax.fromTo($('.preload .cover'), 2, {x: "100%"}, {x: "0%", delay: 0.4, ease: Circ.easeInOut, onComplete: function() {
				TweenMax.to($('#header'), 0.2, {opacity: "1", ease: Circ.easeInOut});
				TweenMax.fromTo($('.preload'), 1, {x: "0%"}, {x: "-100%", ease: Circ.easeInOut});


				initIndex();
				mainSlide();
				TweenMax.fromTo($('.mask'), 3, {display:"block"}, {opacity: "0", ease: Circ.easeInOut, onComplete: function() {  
					TweenMax.to($('.mask'), 0.1, {display:"none", ease: Circ.easeInOut});
				}});
			}});

		}});
		TweenMax.fromTo($('.slider-wrapper'), 4, {x: "100%"}, {x: "0%", ease: Circ.easeInOut});
	}
}

// =========================================  Parallax ========================================= //
$(window).scroll(function() {
	var scrollTop = $(this).scrollTop() + $(this).height(),
		scrollWithout = $(this).scrollTop(),
		$sections = $('.case'),
		oVal = $(window).scrollTop() / 100;
});

/*
$.fn.parallax = function(resistance, mouse) {
	$el = $(this);
	
	TweenLite.to($el, 1, {
		//x: ((mouse.clientX - window.innerWidth / 2) / resistance),
		//y: ((mouse.clientY - window.innerHeight / 2) / resistance),
		//force3d: true,
	});
};*/

$.fn.killParallax = function() {
	$el = $(this);
	
	TweenLite.to($el, 1, {
		x: 0,
		y: 0,
		//force3d: true,
	});
};

function activateParallax() {
	/*181018 수정
	$(document).mousemove(function(e) {
		$(".slider .slide .backface").parallax(-70, e);
	}); */
}
function removeParallax() {
	$(".slider .slide .backface").killParallax();
}  


// =========================================  intro text  ========================================= //
$(document).ready(function(){		
	// 로딩 인트로
	toggleLoader();
	
	
	// intro date , time
	var today = new Date();
	var dd = today.getDate();
	var mm = today.getMonth()+1; //January is 0!
	var yyyy = today.getFullYear();	
	var monthNames = ["JANUARY", "FEBRUARY", "MARCH", "APRIL", "MAY", "JUNE", "JULY", "AUGUST", "SEPEMBER", "OCTOBER", "NOVEMBER", "DECEMBER"]; // month
	 var todayHour = today.getHours();
	 var todayMt = today.getMinutes();
	 var todaymorning = "HI, GOOD MORNING";
	 var todayafternoon = "HI, GOOD AFTERNOON";
	 var todaynight = "HI, GOOD NIGHT";

	if(dd<10) {
		dd='0'+dd
	} 
	if(mm<10) {
		mm='0'+mm
	} 
	//today = yyyy+'/' + mm+'/'+dd;
	//text1 = todayHour;
	//alert(today);
	//alert(text1);
	
    $('.preload .loadin_cont .date .day').text(dd);
    //$('.preload .loadin_cont .date .month').text(mm);
    $('.preload .loadin_cont .date .month').text(monthNames[today.getMonth()]);
    $('.preload .loadin_cont .date .year').text(yyyy);


	 if ( todayHour >= 5  &&  todayHour  < 12 ) {
		//오전 5시부터 오전 12시까지
		$('.preload .loadin_cont .greeting').text(todaymorning);
	 } else if (  todayHour >= 12  &&  todayHour  < 22  ) {
		//오후 12시부터 오후 10시까지
		$('.preload .loadin_cont .greeting').text(todayafternoon);
	 } else {
		$('.preload .loadin_cont .greeting').text(todaynight);
	 }
});

// =========================================  main slider  ========================================= //
function mainSlide() {
	cnt = $(".mainslider .slider .slide").length;
	if(cnt < 10){
		cnt = "0"+cnt;
	}
	$("#spn_cnt").html("/ " + cnt);
	var time = 10;
	var $bar,
		 $mainList,
		 isPause,
		 tick,
		 percentTime;
	var $mainList = $('.slider');
	var slideCount = null;
	var slideNum = "1";

	var currentSlide = $('.slider-wrapper .slide').length;
	
	$mainList.slick({
		draggable: true,
		adaptiveHeight: false,
		dots: true,
		customPaging: function(slick,index) {
			return '<a>' + '<span>' + '<b>' + '0' + '</b>' + (index + 1) +'</span>' + '<span class="main_c02">' + ' / 0' + currentSlide+'</span>'  + '</a>';
		},
		mobileFirst: true,
		//pauseOnDotsHover: true,
		infinite: true,
		nextArrow: $('#next'),
		prevArrow: $('#prev')
	});
	slideText(slideNum);
	$bar = $('.slider-progress .progress');
    
	$mainList.on('beforeChange', function(event, slick, currentSlide, nextSlide){
		slideText(nextSlide+1);
		removeParallax();
		//startProgressbar();
	});

	$mainList.on('afterChange', function(event, slick, currentSlide){
		activateParallax();
		startProgressbar();
    });

	$('.slider-wrapper').on({
		mouseenter: function() {
			//isPause = true;
			isPause = false;		
		},
		mouseleave: function() {
			isPause = false;
		}
	})
	function startProgressbar() {
		resetProgressbar();
		percentTime = 0;
		isPause = false;
		tick = setInterval(interval, 10);
	}
	function interval() {
		if(isPause === false) {
			percentTime += 1 / (time+0.1);
			$bar.css({
				width: percentTime+"%"
			});
			if(percentTime >= 100)	{
				$mainList.slick('slickNext');
				/* var currentSlide = $mainList.slick('slickCurrentSlide');
				if((currentSlide+1) >= 10){
					currentSlide = (currentSlide+1);
				} else if((currentSlide+1) < 10){
					currentSlide = "0"+(currentSlide+1);
				}
				$("#spn_cur_cnt").html(currentSlide); */
				startProgressbar();
			}
		}
		/* 추가 */
		$("#prev").click(function(){
			if(isPause === false) {
				percentTime += 1 / (time+0.1);
				$bar.css({
					width: percentTime+"%"
				});
				if(percentTime >= 100)	{
					//181018 수정 $mainList.slick('slidePrev');
					/* var currentSlide = $mainList.slick('slickCurrentSlide');
					if((currentSlide-1) > 1){
						currentSlide = (currentSlide-1);
					} else if((currentSlide-1) < 1){
						currentSlide = 10;
					}
					$("#spn_cur_cnt").html(currentSlide); */
					startProgressbar();
				}
			}
		});
		$("#next").click(function(){
			if(isPause === false) {
				percentTime += 1 / (time+0.1);
				$bar.css({
					width: percentTime+"%"
				});
				if(percentTime >= 100)	{
					//181018 수정 $mainList.slick('slickNext01');
					/* var currentSlide = $mainList.slick('slickCurrentSlide');
					if((currentSlide+1) >= 10){
						currentSlide = (currentSlide+1);
					} else if((currentSlide+1) < 10){
						currentSlide = "0"+(currentSlide+1);
					}
					$("#spn_cur_cnt").html(currentSlide); */
					startProgressbar();
				}
			}
		});
		/* //추가 */
	}
	function resetProgressbar() {
		$bar.css({
		 width: 0+'%' 
		});
		clearTimeout(tick);
	}
	startProgressbar();

	$(".slide .backface img").cover();
}

function slideText(slideNum) {

	var $slide = $('.slider .slide').eq(slideNum);
	var title =  $slide.data('title'),
		 client = $slide.data('client'),
		 type = $slide.data('type'),
		 date = $slide.data('date'),
		 link = $slide.data('link'),
		 color = $slide.data('color');

	var ConTitle = '<a href="'+link+'" class="font_noto"><span class="font_slim">'+title+'</span></a>';
	$('.slider_text .slide_title').html(ConTitle);
	
	var ConDesc = '<span class="slider_client"><span class="font_robotocon">'+client+'</span></span><span class="slider_type"><span class="font_robotocon">'+type+'</span></span>';
	$('.slider_text .slide_desc').html(ConDesc);
	
	var ConDate = '<span class="font_robotocon">'+date+'</span>';
	$('.slider_text .slide_date').html(ConDate);

	  if(color=='bg_light') {
		$('body').addClass('bg_light');
		$('.slider_btn .light').css({"display":"block"});
		$('.slider_btn .dark').css({"display":"none"});
	} else {
		$('body').removeClass('bg_light');
		$('.slider_btn .light').css({"display":"none"});
		$('.slider_btn .dark').css({"display":"block"});
	}
}