/*
    농심 : 기업사이트
    2013.07 ~ 2013.10
    author :  icetea ( sjlee7901@naver.com ) in PCN
*/

$(function () {
    var $win = $(window);
    var $conBox = $('.conBox');
    var $movie = $('.showMovie');
    var $ggang = $('#ggang');
    var $remote = $('#remote');

    $win.scroll(function() {
        var wPos = $(this).scrollTop();
        var spot = [];
        var order;

        if ( $win.width() > 820) {
            $conBox.each(function() {
                spot.push(parseInt($(this).offset().top));

                if (wPos >= $(this).offset().top-100) {

                    $(this).find('.subNav').animate({'right' : 0},300);
                    $(this).find('.tit').animate({'marginLeft' : 0},300);
                    $(this).find('.txt').delay(300).animate({'marginLeft' : 0},300);

                    if (Modernizr.mq('only all') && $(this).prev('.bgMark').length > 0 && $(window).width() > 700) {
                        var start = $(this).prev('.bgMark').position().top;
                        var startL = $(this).prev('.bgMark').position().left;
                        var startPoint  = [['50%',start],['50%',start-60],['50%',start+60],['50%',start]];
                        var startMem = $.crSpline.buildSequence(startPoint);
                        $(this).prev('.bgMark').animate({ crSpline: startMem }, 10000);
                    }
                }
            });

            for ( order=0; order < $conBox.length; order++) {
                if (wPos >= spot[order] - 100) {
                    $('#remote li').eq(order).children().addClass('on').parent().siblings().children().removeClass();
                }
            }

            if (wPos < 350) {
                //$remote.fadeOut();
                $ggang.fadeOut();
            }

            else {
                init();
            }

            function init() {
                $ggang.fadeIn();
                //$remote.fadeIn();
            }
        }
    });

    $remote.find('a').click(function(ev) {
        ev.preventDefault();
        var tar = $(this).attr('href');
        $.scrollTo(tar,300);
    });

    $('.main a').click(function(ev) {
        ev.preventDefault();
		$("body, html").animate({ 
		  scrollTop: $( $(this).attr('href') ).offset().top 
		}, 300);
    });

    $movie.click(function(ev) {
        ev.preventDefault();
        var $this = $(this);
        $('.bgBlack').fadeIn();
        $('#mainMovie').show().animate({'top' : '50%'},500,'easeOutQuint', function() {
            $(this).find('iframe').prop('src',$this.attr('href'));
        });
        $('#mainMovie .close').click(function() {
            $('#mainMovie').animate({'top' : '-100%'},500,'easeInQuint', function() {
                $(this).find('iframe').prop('src','');
                $(this).hide();
                $('.bgBlack').fadeOut();
            });
        });
    });

    $('.listMovie').click(function(ev) {
        ev.preventDefault();

		$("body, html").animate({ 
		  scrollTop: $( $(this).attr('href') ).offset().top 
		}, 300);


        var $location = $('#step03');
        $.scrollTo($location, 300, {
           easing : 'easeInCubic',
           onAfter : function(){
              $location.find('.subNav li:last').find('a').trigger('click');
           }
        });
    });

    navCtl();
    visual();
});

function visual() {

        var shrimp_point01  = [[0,0],[150,200],[300,70],[480,200]];
        var shrimp_point02  = [[300,0],[250,180],[300,40],[480,200]];
        var shrimp_point03  = [[500,0],[370,150],[350,0],[480,200]];
        var shrimp_point04  = [[700,0],[500,200],[400,70],[480,200]];
        var shrimp01 = $.crSpline.buildSequence(shrimp_point01);
        var shrimp02 = $.crSpline.buildSequence(shrimp_point02);
        var shrimp03 = $.crSpline.buildSequence(shrimp_point03);
        var shrimp04 = $.crSpline.buildSequence(shrimp_point04);

        $("#shrimp01").animate({ 'opacity':1, crSpline: shrimp01 }, 2500);
        $("#shrimp02").delay(400).animate({ 'opacity':1, crSpline: shrimp02 }, 2500);
        $("#shrimp03").delay(800).animate({ 'opacity':1, crSpline: shrimp03 }, 2500);
        $("#shrimp04").delay(1200).animate({ 'opacity':1, crSpline: shrimp04 }, 2500, function() {
            $('#pdtBasic img').show().animate({'opacity' : 1},400);
            $('.shrimp').fadeOut(800,function() {
                $('#pdtHot').show().animate({'opacity' : 1, 'top' : 125},800);
                $('#pdtRice').show().animate({'opacity' : 1, 'top' : 131},800);
            });
        });
}

function navCtl() {
    var $gnb = $('#gnb>ul>li>a');
    var $gnbSub = $('#gnb>ul>li>ul>li>a, #mGnb>ul>li>ul>li>a');
    var $subNav = $('.subNav a');
    var $subBox = $('#contentBox');
    $gnb
        .bind('focus mouseenter', function() {

            var $this = $(this);
            $gnb.find('span').show();
            $gnb.find('em').hide();
            /*
            $('#gnb ul li ul').hide();
            $('.bgSub').stop(true,true).animate({'top' : 70},100);
            $this.next('ul').css('left',$this.position().left).show();
            */
            $this.find('span').hide();
            $this.find('em').show();
            })
        .click(function(ev) {
            ev.preventDefault();
            var $url = $($(this).attr('href'));
            $.scrollTo($url,300);
            });
    $gnbSub.click(function(ev) {
            ev.preventDefault();
            var $url = $($(this).parents('.gnbSub').prev().attr('href'));
            var $subUrl = $(this).parent().index();
            $.scrollTo($url, 300, {
               easing : 'easeInCubic',
               onAfter : function(){
                  $url.find('.subNav li').eq($subUrl).find('a').trigger('click');
               }
            });
        });

    $('#headerWrap').bind('mouseleave', function() {
        $('#gnb ul li ul').hide(function() {
            $gnb.find('span').show();
            $gnb.find('em').hide();
            $('.bgSub').animate({'top' : 0},500);
        });
    });

    $subNav.hover(
        function() { changeSrc($(this)); },
        function() { changeSrc($(this),'off'); }
    );
    $subNav.click(function(ev) {
        ev.preventDefault();
        var $this = $(this);
        var url = $this.attr('href');

        $subBox
            .removeAttr('style')
            .insertAfter($this.parents('.conBox'))
            .fadeIn();
        $subBox
            .find('> .wrap').load(
                 url,
                 function() {
                     // CF 자막 설정 처리
                     //setEventCf();

                     $.getScript("../resources/js/lib/ui.shrimp.js");
                     $.getScript("../resources/js/anoju.js");
                     $(window).scroll(function() {
                         if ( $(window).width() >= 820) {
                             var ggang = $('#ggang');
                             var g_pos = ggang.position().top + ggang.height();
                             var c_pos = $subBox.offset().top + $subBox.outerHeight();
                             var c_pos_bot = $subBox.offset().bottom + $subBox.outerHeight();
                             var wTop = $(this).scrollTop() + $('#ggang').height();
                             if (wTop <= c_pos || wTop <= c_pos_bot) {
                                 ggang.stop(true,false).animate({'left':0,'opacity':0.5});
                             }
                             if (wTop <= $subBox.offset().top || wTop > c_pos) {
                                 //$('.close').trigger('click');
                                 ggang.stop(true,false).animate({'left':'50%','opacity' : 1});
                             }
                             if ($(this).scrollTop() < 380) {
                                 //$remote.fadeOut();
                                 ggang.fadeOut();
                             }
                         }
                     });

            });

        $('.close').click(function() {
            $subBox.find('> .wrap').empty();
            $subBox.fadeOut();
            $('#ggang').stop(true,false).animate({'left':'50%','opacity' : 1});
            $(window).scroll();
        });
    });

    $('#gnb > ul').clone().appendTo('#mGnb');

    $('#btnGnb').toggle(
            function() {
                $('#baseWrap, #headerWrap').animate({'left' : -150},300,function() {
                    $('#mGnb').css('zIndex',1000);
                });
                $('#gnb').delay(300).css('right',0);
            },
            function() {
                $('#mGnb').css('zIndex',-1);
                $('#gnb').css('right',-150);
                $('#baseWrap, #headerWrap').animate({'left' : 0},300);
            }
    );

    $('#mGnb>ul>li>a').on('click',function(ev) {
        ev.preventDefault();
        var $url = $($(this).attr('href'));
        $.scrollTo($url,300);
    });

    $('.footBtn button, .footLink button').click(function() {
        $(this).next().slideToggle();
    });

    $(window).resize(function() {
        if ($(this).width() > 819) {
            $('#baseWrap, #headerWrap, #mGnb, #gnb').removeAttr('style');
        }
    });



}

function layerCtl() {
    $('.layerOn').click(function(ev) {
        ev.preventDefault();
        var _this =$(this);
        var vCont = _this.attr('href');
        $('<div class=bgLayer></div>').appendTo('#bodyContent');
        $('.bgLayer').fadeTo('fast', 0.6, function() {
            $(vCont).show(0, function() {
                $(this).attr('tabIndex',0).focus();
            });
            $('.closeLayer').click(function() {
                $('.bgLayer').remove();
                $(this).parents('.boxLayer').hide(300);
                _this.focus();
            });
        });
    });
}

function changeSrc(obj, fnc){
    var text = ['On.', 'Off.'];
    if(fnc){
        text = ['Off.', 'On.'];
    }
    var target = $('img', obj);
    if(target.size() > 0){
        target.each(function(){
            $(this).attr('src', $(this).attr('src').replace(text[1], text[0]));
        });
    }
}