{"version":3,"sources":["App.js"],"names":["$","document","ready","on","e","this","css","transform-origin","pageX","offset","left","width","pageY","top","height","pageTemp","pageMain","setNavi","Moving","videoBg","$listNavi","videoList","vTemp","youtube","t","url","set","popup","param","movieLayer","preventDefault","youtubeId","attr","append","show","hide","find","remove","p","i","obj","Object","keys","length","nc","ui","BackgroundMovie","target","movieW","movieH","selector","videoControl","stateCallback","state","play","pause","init","n","removeClass","eq","d1","addClass","motion","option","minionTween","m_list","m1","m2","m3","flag","txt","list","multiList","navi","$navi","TweenMax","staggerFrom","delay","opacity","cycle","x","ease","Back","easeOut","config","rotationX","transformOrigin","opt","seek","TimelineMax","clearProps","y","timeScale","easeInOut","contentWindow","postMessage","arr","from","yoyo","repeat","d2","to","onComplete","scale","rotation","Power1","fullscreen","container","motionStyle","callBack","_depth","_anchor","setTimeout","location","hash","exports","movie","parentNode","options","_parent","_options","id","imgUrl","jQuery","extend","videoUrl","videoType","substring","lastIndexOf","toLowerCase","tmpVideo","tmplImage","_node","isCanPlayType","_vNode","bindVideoEvent","bindEvent","prototype","createElement","canPlayType","setZindex","zindex","z-index","volume","_vol","isMute","prop","setMute","bool","muteToggle","_time","undefined","currentTime","stop","toggle","srcChange","_src","load","$window","window","node","parent","movImg","_this","bind","winWidth","winHeight","fixSizeW","fixSizeH","parseInt","Math","round","trigger","_checkVisibilityChange","callback","onended","mobileImageViewer","replaceOrigin","src","replace","popView","$self","len","push","setImages","ImageViewer","slideByUrl","loadNext","loadingIndex","imgURLArr","_img","onload","loadCompleteHandler","onerror","loadErrorHandler","loadedImgArr","percentageLoaded","event","loadFailNum","floor","completeCallback","_staticPath","loc","href","path","test","imgList","isInitialized","_loadCompleteCallback"],"mappings":"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","file":"App.js","sourcesContent":["$(document).ready(function(){\r\n    $(document).on('mousemove', 'img.move', function(e){\r\n        $(this).css({'transform-origin': ((e.pageX - $(this).offset().left) / $(this).width()) * 90 + '% ' + ((e.pageY - $(this).offset().top) / $(this).height()) * 90 +'%'});\r\n    });\r\n})\r\n\r\nvar pageTemp = [];\r\nvar pageMain = (function(){\r\n    var setNavi, Moving, share, videoBg;\r\n    var $listNavi, videoList, vTemp, youtube = false;\r\n\r\n    videoBg = (function(t, url){\r\n        var set, popup, list, param;\r\n\r\n        popup = function(){\r\n            var movieLayer = $('.layer-movie');\r\n\r\n            $(document).on('click', '.movie-play', function(e){\r\n                e.preventDefault();\r\n                var youtubeId = $(this).attr('youtubeId');\r\n\r\n                $('.layer-movie__player').append('<iframe width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/' + youtubeId + '?rel=0&amp;autoplay=1\" frameborder=\"0\" allowfullscreen></iframe>');\r\n                movieLayer.show();\r\n            });\r\n\r\n            $('.layer-movie__btn-close').on('click', function(e){\r\n                e.preventDefault();\r\n                movieLayer.hide();\r\n                movieLayer.find('iframe').remove();\r\n            });\r\n        }\r\n\r\n        set = function(p){\r\n            var i, t, obj;\r\n\r\n            for( i = 0; i < Object.keys(p).length; i++){\r\n                obj = p['v'+i];\r\n                videoList[i] = new nc.ui.BackgroundMovie($('[data-anchor='+obj.target+'] .bg-movie'), {\r\n                    url: obj.url,\r\n                    movieW: 1760,\r\n                    movieH: 990,\r\n                    selector: 'section1Video',\r\n                    videoControl: 'preload=\"auto\" muted=\"muted\"',\r\n                    stateCallback: function(state){\r\n                        if(state == 'ended') vTemp.play();\r\n                    }\r\n                });\r\n                videoList[i].pause();\r\n            }\r\n        }\r\n        return {\r\n            init: function(){\r\n                videoList = [], param = {};\r\n\r\n                param['v0'] = {\r\n                    target: 'intro',\r\n                    url: 'http://vodfile.ncsoft.co.kr/ncvod/plaync/aion/0628_aion_5.8update_bg_mov_0616_high.mp4'\r\n                }\r\n                param['v1'] = {\r\n                    target: 'fortress-1',\r\n                    url: 'http://vodfile.ncsoft.co.kr/ncvod/plaync/aion/5.8_area1_BG.mp4'\r\n                }\r\n                param['v2'] = {\r\n                    target: 'dungeon-1',\r\n                    url: 'http://vodfile.ncsoft.co.kr/ncvod/plaync/aion/5.8_area2_BG.mp4'\r\n                }\r\n                param['v3'] = {\r\n                    target: 'dungeon-2',\r\n                    url: 'http://vodfile.ncsoft.co.kr/ncvod/plaync/aion/5.8_area3_BG.mp4'\r\n                }\r\n\r\n                //\r\n                set(param);\r\n                popup();\r\n            }\r\n        }\r\n    })();\r\n\r\n    setNavi = function(n){\r\n        $listNavi.removeClass('active');\r\n        $listNavi.eq(n.d1-1).addClass('active');\r\n    };\r\n    Moving = (function(){\r\n        var motion, set;\r\n        var m1 = {}, m2 = {}, m3 = {};\r\n        var option;\r\n        var flag = false;\r\n        var minionTween, m_list;\r\n\r\n\r\n        motion = (function(){\r\n            var txt, list, multiList, navi;\r\n\r\n            navi = function(){\r\n                $navi = $('.page-nav li, .page-nav .link, .page-nav .btn-top');\r\n                TweenMax.staggerFrom( $navi, 0.5, {\r\n                    delay: 2, opacity: 0,\r\n                    cycle:{\r\n                        x: function(i){\r\n                            return (i+1) * 50;\r\n                        },\r\n                        ease: function(i){\r\n                            return Back.easeOut.config( i * 0.1);\r\n                        },\r\n                        rotationX: [-90, 90],\r\n                        transformOrigin: [\"50%, top\", \"50% bottom\"]\r\n                    }\r\n                }, 0.1);\r\n            }\r\n            txt = function( opt, n ){\r\n                if( m1[n] ) return m1[n].seek(0);\r\n                m1[n] = new TimelineMax();\r\n                m1[n].seek(0);\r\n                m1[n].staggerFrom( opt.target, 0.5, {\r\n                    delay: 0.3, opacity: 0, clearProps: \"all\",\r\n                    cycle: {\r\n                        y: function(i){ return (i + 1) * 70; },\r\n                        ease: function(i){ return Back.easeOut.config( i * 0.5); }\r\n                    }\r\n                }, 0.1);\r\n                m1[n].timeScale(0.5);\r\n\r\n            };\r\n            list = function( opt, n ){\r\n                if( m2[n] ) return m2[n].seek(0);\r\n\r\n                m2[n] = new TimelineMax();\r\n                m2[n].staggerFrom( opt.target, 0.5, {\r\n                    delay: opt.delay, opacity: 0,  clearProps: \"all\",\r\n                    cycle: {\r\n                        y: function(i){ return (i + 1) * 50; },\r\n                        ease: function(i){ return Back.easeInOut.config( i ) }\r\n                    }\r\n                }, 0.1);\r\n                m2[n].timeScale(0.5);\r\n            };\r\n            multiList = function( opt, n ){\r\n                if( m3[n] ){\r\n                    m3[n].seek(0);\r\n                    return;\r\n                }\r\n                m3[n] = new TimelineMax();\r\n                m3[n].seek(0);\r\n                m3[n].staggerFrom( opt.target, 0.4, {\r\n                    delay: opt.delay, opacity: 0,  clearProps: \"all\",\r\n                    cycle: {\r\n                        x: function(i){ return ( i + 1) * opt.offset; },\r\n                        ease: function(i){ return Back.easeInOut.config( i ) }\r\n                    }\r\n                }, 0.1);\r\n                m3[n].timeScale(0.6);\r\n            };\r\n            return {\r\n                txt: txt,\r\n                list: list,\r\n                multiList: multiList,\r\n                navi: navi\r\n            }\r\n        })();\r\n\r\n        set = function (n, t){\r\n            option = {};\r\n\r\n            if( youtube ){\r\n                youtube = false;\r\n                $('#movie-player')[0].contentWindow.postMessage('{\"event\":\"command\",\"func\":\"stopVideo\",\"args\":\"\"}', '*');\r\n            }\r\n\r\n            switch (n.d1){\r\n                case 1:\r\n                    // 인트로\r\n                    var arr = new TimelineMax();\r\n                    if( vTemp ) vTemp.pause();\r\n                    vTemp = videoList[0];\r\n                    vTemp.play();\r\n\r\n                    option['target'] = $('[data-anchor='+t+'] [data-tween=\"m1\"]');\r\n                    motion.txt( option );\r\n\r\n                    arr.seek(0);\r\n                    arr.from( $('.btn-link-arr'), 1, { delay: 1.1, opacity: 0, y: 50, ease: Back.easeInOut } );\r\n                    arr.from( $('.btn-link-arr span'), 1, { delay: 1.3, y: 30, yoyo: true, repeat: -1 })\r\n                    if ( flag ){ return; }\r\n                    flag = true;\r\n                    motion.navi();\r\n                    break;\r\n                case 2:\r\n                    // 신성의 요새\r\n                    if( vTemp ) vTemp.pause();\r\n                    vTemp = videoList[1];\r\n                    vTemp.play();\r\n\r\n                    option['target'] = $('[data-anchor='+t+'] [data-tween=\"m1\"]');\r\n                    motion.txt( option, n.d1 );\r\n\r\n                    option['target'] = $('[data-anchor='+t+'] [data-tween=\"m2\"] li');\r\n                    option['delay'] = 0.7;\r\n                    motion.list( option, n.d1 );\r\n                    break;\r\n                case 3:\r\n                    if( n.d2 == 1 ){\r\n                        // 신성의 탑\r\n                        if( vTemp ) vTemp.pause();\r\n                        vTemp = videoList[2];\r\n                        vTemp.play();\r\n\r\n                        option['target'] = $('[data-anchor='+t+'] [data-tween=\"m1\"]');\r\n                        motion.txt( option, n.d1 );\r\n\r\n                        option['target'] = $('[data-anchor='+t+'] [data-tween=\"m2\"] li');\r\n                        option['delay'] = 0.6;\r\n                        motion.list( option, n.d1 );\r\n                    }\r\n                    else {\r\n                        // 미라쉬 성소\r\n                        if( vTemp ) vTemp.pause();\r\n                        vTemp = videoList[3];\r\n                        vTemp.play();\r\n\r\n                        option['target'] = $('[data-anchor='+t+'] [data-tween=\"m1\"]');\r\n                        motion.txt( option, n.d1+'-'+n.d2 );\r\n\r\n                        option['target'] = $('[data-anchor='+t+'] [data-tween=\"m2\"] li');\r\n                        option['delay'] = 0.6;\r\n                        motion.list( option, n.d1+'-'+n.d2 );\r\n                    }\r\n                    break;\r\n                case 4:\r\n                    // 진화 아이템\r\n                    option['target'] = $('[data-anchor='+t+'] [data-tween=\"m1\"]');\r\n                    motion.txt( option, n.d1 );\r\n\r\n                    option['target'] = $('[data-anchor='+t+'] [data-tween=\"m2\"] li');\r\n                    option['delay'] = 1.1;\r\n                    option['direction'] = 'x';\r\n                    option['offset'] = '-50';\r\n                    motion.multiList( option, n.d1 );\r\n\r\n                    option['target'] = $('[data-anchor='+t+'] [data-tween=\"m3\"] li');\r\n                    option['delay'] = 1.1;\r\n                    option['direction'] = 'x';\r\n                    option['offset'] = '-50';\r\n                    motion.multiList( option, n.d1+'-'+1 );\r\n\r\n                    TweenMax.set( '[data-tween=\"m4\"]', { opacity: 0, y: 30 });\r\n                    TweenMax.to( '[data-tween=\"m4\"]', 0.7, { delay: 1.5, opacity: 1, y: 0, ease: Back.easeOut });\r\n                    break;\r\n\r\n                case 5:\r\n                    // 미니온\r\n                    option['target'] = $('[data-anchor='+t+'] [data-tween=\"m1\"]');\r\n                    motion.txt( option, n.d1 );\r\n\r\n                    option['target'] = $('[data-anchor='+t+'] [data-tween=\"m2\"] li');\r\n                    option['delay'] = 1;\r\n                    motion.list( option, n.d1 );\r\n\r\n                    if( minionTween ) minionTween.seek(0);\r\n                    else {\r\n                        m_list = $('[data-anchor=minion-1] .m-box > *');\r\n                        minionTween = new TimelineMax( { onComplete: function(){ $('#movie-player')[0].contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*'); }} );\r\n                        minionTween.from( m_list[0], 1, { delay: 1.2, opacity: 0, y: 100, ease: Back.easeOut });\r\n                        minionTween.from( m_list[1], 0.5, { scale: 0, rotation: 90, opacity: 0, x: 100, ease: Power1.easeInOut }, \"-=0.5\");\r\n                        minionTween.from( m_list[2], 0.5, { scale: 0, rotation: -90, opacity: 0, x: -100, ease: Power1.easeInOut }, \"-=0.5\");\r\n                        minionTween.from( m_list[3], 1, { opacity: 0, x: 100, ease: Back.easeInOut }, \"-=0.5\");\r\n                        minionTween.from( m_list[4], 1, { opacity: 0, x: -100, ease: Back.easeInOut }, \"-=0.9\");\r\n                        minionTween.from( m_list[5], 1, { opacity: 0, y: 100, ease: Back.easeInOut }, \"-=1.1\");\r\n                        minionTween.from( m_list[6], 0.5, { opacity: 0, y: 10, ease: Power1.easeInOut }, \"-=0.8\");\r\n                    }\r\n\r\n                    youtube = true;\r\n\r\n                    break;\r\n                case 6:\r\n                    // 용계 신규 필드\r\n                    option['target'] = $('[data-anchor='+t+'] [data-tween=\"m1\"]');\r\n                    motion.txt( option, n.d1 );\r\n\r\n                    option['target'] = $('[data-anchor='+t+'] [data-tween=\"m2\"] li');\r\n                    option['delay'] = 0.6;\r\n                    motion.list( option, n.d1 );\r\n                    break;\r\n                case 7:\r\n                    if( n.d2 == 1 ){\r\n                        // 기지전\r\n                        option['target'] = $('[data-anchor='+t+'] [data-tween=\"m1\"]');\r\n                        motion.txt( option, n.d1 );\r\n\r\n                        option['target'] = $('[data-anchor='+t+'] [data-tween=\"m2\"] li');\r\n                        option['delay'] = 0.6;\r\n                        motion.list( option, n.d1 );\r\n                    }\r\n                    else {\r\n                        // 레이드\r\n                        option['target'] = $('[data-anchor='+t+'] [data-tween=\"m1\"]');\r\n                        motion.txt( option, n.d1+'-'+n.d2 );\r\n\r\n                        option['target'] = $('[data-anchor='+t+'] [data-tween=\"m2\"] li');\r\n                        option['delay'] = 0.6;\r\n                        motion.list( option, n.d1+'-'+n.d2 );\r\n                    }\r\n                    break;\r\n            }\r\n        };\r\n\r\n        return {\r\n            set: set\r\n        };\r\n    })();\r\n    return {\r\n        init: function(){\r\n            $listNavi = $('.page-nav li');\r\n            videoBg.init();\r\n\r\n            fullscreen.init({\r\n                container: '#fullscreen-ui',\r\n                motionStyle: 'cover',\r\n                callBack: function(_depth, _anchor){\r\n                    setNavi(_depth);\r\n                    Moving.set( _depth, _anchor);\r\n                }\r\n            });\r\n\r\n            setTimeout(function(){\r\n                $(\".loading_bg\").remove();\r\n            }, 600);\r\n\r\n            if( location.hash === '#intro' || location.hash === '' ){\r\n                Moving.set( {d1: 1}, 'intro');\r\n            }\r\n        }\r\n    }\r\n})();\r\n\r\n/**\r\n * module - background movie\r\n */\r\n(function(exports){\r\n    'use strict';\r\n    var movie = function(parentNode, options){\r\n        this._parent = parentNode;\r\n        this._options = {\r\n            url: '',\r\n            selector: '',\r\n            id: '',\r\n            imgUrl: '',\r\n            movieW: 640,\r\n            movieH: 360,\r\n            videoControl: 'autoplay=\"true\" loop=\"true\" preload=\"auto\"',\r\n            stateCallback: function(){\r\n            }\r\n        };\r\n\r\n        jQuery.extend(this._options, options);\r\n\r\n        var videoUrl = this._options.url;\r\n        var videoType = videoUrl.substring(videoUrl.lastIndexOf('.', videoUrl.length)).toLowerCase();\r\n        videoType = ( videoType !== '.webm' ) ? 'video/mp4' : 'video/webm';\r\n\r\n        //비디오 지원 여부\r\n        var tmpVideo = '<video id=\"' + this._options.id + '\" class=\"' + this._options.selector + '\" ' + this._options.videoControl + '\" style=\"position:absolute;top: 0;left: 0;\">' +\r\n            '<source src=\"' + this._options.url + '\" type=\"' + videoType + '\" />' +\r\n            '</video>';\r\n        var tmplImage = '<img src=\"' + this._options.imgUrl + '\" />';\r\n\r\n        //비디오 지원 여부 판별\r\n        this._node = ( this.isCanPlayType() ) ? jQuery(tmpVideo) : jQuery(tmplImage);\r\n        this._vNode = this._node[0];\r\n        this.bindVideoEvent();\r\n        parentNode.append(this._node);\r\n        this.bindEvent();\r\n    };\r\n\r\n    movie.prototype.isCanPlayType = function(){\r\n        return !!document.createElement('video').canPlayType;\r\n    };\r\n\r\n    movie.prototype.setZindex = function(zindex){\r\n        this._options.zindex = zindex;\r\n        this._node.css({'z-index': zindex});\r\n    };\r\n\r\n    movie.prototype.volume = function(_vol){\r\n        this._vNode.volume = _vol;\r\n    };\r\n\r\n    movie.prototype.isMute = function(){\r\n        return this._node.prop('muted');\r\n    };\r\n\r\n    movie.prototype.setMute = function(bool){\r\n        this._node.prop('muted', bool);\r\n    };\r\n\r\n    movie.prototype.muteToggle = function(){\r\n        var bool = ( this._node.prop('muted') ) ? false : true;\r\n        this.setMute(bool);\r\n        return bool;\r\n    };\r\n\r\n    movie.prototype.play = function(_time){\r\n        if(_time != undefined) this._vNode.currentTime = _time;\r\n        this._vNode.play();\r\n    };\r\n\r\n    movie.prototype.pause = function(){\r\n        this._vNode.pause();\r\n    };\r\n\r\n    movie.prototype.stop = function(){\r\n        this._vNode.pause();\r\n    };\r\n\r\n    movie.prototype.toggle = function(){\r\n        ( this._vNode.paused ) ? this._vNode.play() : this._vNode.pause();\r\n    };\r\n\r\n    movie.prototype.srcChange = function(_src){\r\n        this._node.find('source').attr('src', _src);\r\n        this._vNode.load();\r\n        this._vNode.play();\r\n    };\r\n\r\n    movie.prototype.bindEvent = function(){\r\n        //resize시 발생\r\n        var $window = jQuery(window),\r\n            videoMinHeight = 360,\r\n            movieW = this._options.movieW,\r\n            movieH = this._options.movieH,\r\n            node = this._node,\r\n            parent = this._parent,\r\n            movImg = parent.find('img'),\r\n            _this = this;\r\n\r\n        $window.bind('resize', function(){\r\n            var winWidth = $window.width();\r\n            var winHeight = $window.height();\r\n            var fixSizeW = winWidth;\r\n\r\n            var fixSizeH = parseInt(( winWidth / movieW ) * movieH);\r\n            if(fixSizeH < winHeight){\r\n                fixSizeW = parseInt(( winHeight / movieH ) * movieW);\r\n                fixSizeH = winHeight;\r\n            }\r\n\r\n            node.width(fixSizeW).height(fixSizeH);\r\n            if(movImg) movImg.width(fixSizeW).height(fixSizeH);\r\n\r\n            parent.css({left: Math.round((winWidth - fixSizeW) / 2), top: Math.round(winHeight - fixSizeH) / 2});\r\n\r\n            if(winWidth - fixSizeW < 0){\r\n            }\r\n        }).trigger('resize');\r\n\r\n        //브라우저의 해당 탭 영역이 보이지 않을 때 영상 재생 멈춤\r\n        jQuery(document).bind('webkitvisibilitychange', function(){\r\n            if(!_this.isCanPlayType()) return;\r\n            if(!window._checkVisibilityChange) return;\r\n            if(document['webkitHidden']){\r\n                node.pause();\r\n            } else {\r\n                node.play();\r\n            }\r\n        });\r\n    };\r\n\r\n    movie.prototype.bindVideoEvent = function(){\r\n        var callback = this._options.stateCallback;\r\n        if(!this.isCanPlayType()){\r\n            callback('error');\r\n            return;\r\n        }\r\n        this._vNode.onended = function(){\r\n            callback('ended');\r\n        };\r\n    };\r\n\r\n    if(typeof exports.nc === 'undefined') exports.nc = {};\r\n    if(typeof exports.nc.ui === 'undefined') exports.nc.ui = {};\r\n    exports.nc.ui.BackgroundMovie = movie;\r\n}(typeof exports === 'undefined' ? window : exports));\r\n\r\n\r\nvar mobileImageViewer = null;\r\n(function( $ ){\r\n\r\n    'use strict';\r\n\r\n    function replaceOrigin( src, n ){\r\n        if( !n ) n = 1;\r\n        return  src.replace('.jpg', '_b'+n+'.jpg');\r\n    }\r\n\r\n\r\n    function popView( $self, src ){\r\n        //이미지 뷰어 생성\r\n        var arr = [], i, len, _src;\r\n\r\n        len = $self.attr('maxLen'),\r\n            _src = $self.attr('src');\r\n        for( i = 1; i <= len; i++ ) arr.push(replaceOrigin( _src, i ));\r\n\r\n        if( !mobileImageViewer ) mobileImageViewer = new nc.ui.ImageViewer( $( 'body' ), arr, {});\r\n        else mobileImageViewer.setImages( arr );\r\n\r\n        src = replaceOrigin(src);\r\n        mobileImageViewer.slideByUrl( src );\r\n    };\r\n\r\n    //dom contents loaded\r\n    $(function(){\r\n        //이미지 클릭 이벤트\r\n        $(document).on('click', '.ico-zoom a', function(e){\r\n            e.preventDefault();\r\n            popView( $(this).find('img'), $(this).find('img').attr('src') );\r\n        });\r\n    });\r\n}( jQuery ));\r\n\r\n(function(){\r\n    var _staticPath = function(){\r\n        var loc = location.href;\r\n        var path = 'http://static.plaync.co.kr';\r\n        var projectPath = '/promo/aion/update/2017/update_170628/img/';\r\n        if(/rc\\./i.test(loc)){\r\n            path = 'http://rc.static.plaync.co.kr';\r\n        }\r\n        if(/local\\.|localhost|opdev\\.|ui-static\\.|file:/i.test(loc)){\r\n            path = 'http://ui-static.korea.ncsoft.corp'; //http://dev.static.plaync.co.kr\r\n        }\r\n        return path + projectPath;\r\n    }();\r\n    var imgList = [\r\n        _staticPath + 'btn_line_lastbottom.png',\r\n        _staticPath + 'btn_line_lasttop.png',\r\n        _staticPath + 'btn_line_leftbottom.png',\r\n        _staticPath + 'btn_line_lefttop.png',\r\n        _staticPath + 'btn_line_rightbottom.png',\r\n        _staticPath + 'btn_line_righttop.png',\r\n        _staticPath + 'btn_list1_off.png',\r\n        _staticPath + 'btn_list1_on.png',\r\n        _staticPath + 'btn_list2_off.png',\r\n        _staticPath + 'btn_list2_on.png',\r\n        _staticPath + 'btn_list3_off.png',\r\n        _staticPath + 'btn_list3_on.png',\r\n        _staticPath + 'btn_list4_off.png',\r\n        _staticPath + 'btn_list4_on.png',\r\n        _staticPath + 'btn_play.png',\r\n        _staticPath + 'copyright.png',\r\n        _staticPath + 'etc_txt.png',\r\n        _staticPath + 'loading_bg.png',\r\n        _staticPath + 'loading_bi.jpg',\r\n        _staticPath + 'logo.png',\r\n        _staticPath + 'mask.png',\r\n        _staticPath + 'sns.png',\r\n        _staticPath + 'teaser_tit.png',\r\n        _staticPath + 'teaser_txt1.png',\r\n        _staticPath + 'teaser_txt2.png',\r\n        _staticPath + 'teaser_txt3.png',\r\n        _staticPath + 'teaser_txt_date.png',\r\n        _staticPath + 'triangle.png'\r\n    ];\r\n    var isInitialized = false;\r\n    var $loader;\r\n    var $backDrop;\r\n    var loadedImgArr = [];\r\n    var imgURLArr = imgList;\r\n    var loadingIndex = 0;\r\n    var loadFailNum = 0;\r\n    var percentageLoaded = 0;\r\n    var completeCallback;\r\n\r\n    function loadingStart(_loadCompleteCallback){\r\n        if(!isInitialized){\r\n            isInitialized = true;\r\n            completeCallback = _loadCompleteCallback;\r\n            loadNext();\r\n        }\r\n    }\r\n\r\n    function loadNext(){\r\n        setTimeout(function(){\r\n            if(loadingIndex >= imgURLArr.length){\r\n                pageMain.init();\r\n                return;\r\n            }\r\n            var _img = document.createElement(\"img\");\r\n            _img.onload = loadCompleteHandler;\r\n            _img.onerror = loadErrorHandler;\r\n            _img.src = imgURLArr[loadingIndex];\r\n        }, 100);\r\n    }\r\n\r\n    function loadCompleteHandler(){\r\n        if(this) loadedImgArr.push(this);\r\n        loadingIndex++;\r\n        percentageLoaded = loadingIndex / imgURLArr.length * 100+\"%\";\r\n        $(\".loading_bg2\").css({height:percentageLoaded});\r\n        loadNext();\r\n    }\r\n\r\n    function loadErrorHandler(event){\r\n        var _img = event.target;\r\n        loadedImgArr.push(null);\r\n        loadFailNum++;\r\n        loadingIndex++;\r\n        percentageLoaded = Math.floor((loadingIndex / imgURLArr.length) * 100);\r\n        loadNext();\r\n    }\r\n\r\n    loadingStart();\r\n}());\r\n\r\n\r\n\r\n"]}