$(function(){
    //-------------------------------------------------------------------------------common
	win_info()
	function win_info(){
		win_w = $(window).width()
		win_h = $(window).height()
		scr_t = $(window).scrollTop()	
	}
    
    function get_offset(){
        header_h = $("header").height()
		sec_offset1 = $(".main_visual").offset().top
		sec_offset2 = $(".package01").offset().top		
		sec_offset3 = $(".packageTDI").offset().top		
		sec_offset4 = $(".package02").offset().top		
	}
	
	$(window).scroll(function(){
		win_info()
        get_offset()
        package01()
        packageTDI()
        package02()
	})
	
	$(window).resize(function(){
		win_info()
        get_offset()
        package01()
        packageTDI()
        package02()
	})
	//-------------------------------------------------------------------------------common
    
    
    
    //-------------------------------------------------------------------------------main_visual
    var n=1
	var isClick=true
	var main_visual_intervalID = setInterval(function(){
		n++
		main_visual_change()
	},4000)
	var main_visual_timeoutID

	function main_visual_autoplay(){
		clearInterval(main_visual_intervalID)
		clearTimeout(main_visual_timeoutID)
		main_visual_timeoutID = setTimeout(function(){
			main_visual_intervalID = setInterval(function(){
				n++
				main_visual_change()
			},4000)	
		},10000)	
	}
	
	function main_visual_change(){
		isClick=false
		setTimeout(function(){isClick=true},1000)
		$("section.main_visual .img_container").stop().animate({"left":(n-1)*-100+"%"},700,function(){
			if(n>4){n=1}
			if(n<1){n=4}
			$("section.main_visual .img_container").css("left",(n-1)*-100+"%")	
            $("section.main_visual ul li .text_box").removeClass("active")
            $("section.main_visual ul li.img_box"+n+" .text_box").addClass("active")
		})	
	}
    
	
	$("section.main_visual .next").click(function(){
		if(isClick==true){
			n++
			main_visual_change()
			main_visual_autoplay()
		}
	})
	
	$("section.main_visual .prev").click(function(){
		if(isClick==true){
			n--
			main_visual_change()
			main_visual_autoplay()
		}
	})
    //-------------------------------------------------------------------------------main_visual
    
    
    //-------------------------------------------------------------------------------package01
    function package01(){
        if(scr_t > sec_offset2 - header_h){
            $(".package01 .content_box").addClass("active")
        }else{
            $(".package01 .content_box").removeClass("active")
        }
     }
    //-------------------------------------------------------------------------------package01
    
    
    //-------------------------------------------------------------------------------packageTDI
    var m=1
	var isClick=true
	var packageTDI_intervalID = setInterval(function(){
		m++
		packageTDI_change()
	},4000)
	var packageTDI_timeoutID

	function packageTDI_autoplay(){
		clearInterval(packageTDI_intervalID)
		clearTimeout(packageTDI_timeoutID)
		packageTDI_timeoutID = setTimeout(function(){
			packageTDI_intervalID = setInterval(function(){
				m++
				packageTDI_change()
			},4000)	
		},10000)	
	}
	
	function packageTDI_change(){
		isClick=false
		setTimeout(function(){isClick=true},1000)
		if(win_w > 991){
            $("section.packageTDI .img_container").stop().animate({"left":(m-1)*-33.33+"%"},400,function(){
                if(m>5){m=1}
                if(m<1){m=5}
                $("section.packageTDI .img_container").css("left",(m-1)*-33.33+"%")	
            })
        }else if(win_w > 768 && win_w <= 991){
            $("section.packageTDI .img_container").stop().animate({"left":(m-1)*-50+"%"},400,function(){
                if(m>5){m=1}
                if(m<1){m=5}
                $("section.packageTDI .img_container").css("left",(m-1)*-50+"%")	
            })
        }else{
            $("section.packageTDI .img_container").stop().animate({"left":(m-1)*-100+"%"},400,function(){
                if(m>5){m=1}
                if(m<1){m=5}
                $("section.packageTDI .img_container").css("left",(m-1)*-100+"%")	
            })
        }
	}
    
    function packageTDI(){
        if(scr_t > sec_offset3 - header_h){
            $(".packageTDI .content_box").addClass("active")
            $(".packageTDI .btn_box").addClass("active")
        }else{
            $(".packageTDI .content_box").removeClass("active")
            $(".packageTDI .btn_box").removeClass("active")
        }
     }
    
    $("section.packageTDI .next").click(function(){
		if(isClick==true){
			m++
			packageTDI_change()
			packageTDI_autoplay()
		}
	})
	
	$("section.packageTDI .prev").click(function(){
		if(isClick==true){
			m--
			packageTDI_change()
			packageTDI_autoplay()
		}
	})
    //-------------------------------------------------------------------------------packageTDI
    
    
    //-------------------------------------------------------------------------------package02
    function package02(){
        if(scr_t > sec_offset4 - header_h){
            $(".package02 .content_box").addClass("active")
        }else{
            $(".package02 .content_box").removeClass("active")
        }
     }
    //-------------------------------------------------------------------------------package02
})