/********************************
    Start Date : 2020.06.25
    영흥 에너지파크 ui.main.js
********************************/

/* S: Main */
var newSlide, layerSlide;
var uiMain = {
    init: function(){
        if ($('.layer_wrap').is(':visible')) {this.layer.init();} // Layer popup Menu 
        if ($('.main_slide_wrap').length) {this.slide.init();} // Main Slide
    },
    slide : {   // 모바일 햄버거 전체화면
        wrap : '.main_slide_wrap',
        slide : '.main_slide_wrap .main_slide',
        init : function(){
            var _this = this;

            _this.evtHandler();
        },
        evtHandler : function(){
            var _this = this;
            var _wrapW = $(_this.wrap).width();
            var winW = $(window).width();

            if( winW <= 1100 ){
                newSlide = $(_this.slide).bxSlider({
                    auto: true,
                    autoStart: true,
                    autoControls: true,
                    controls: false,
                    stopAutoOnClick: true,
                    pager: true,
                    slideWidth: _wrapW/2,
                    minSlides: 2,
                    maxSlides: 2,
                    moveSlides: 1,
                    slideMargin: 10
                });
            } else {
                newSlide = $(_this.slide).bxSlider({
                    auto: true,
                    autoStart: true,
                    autoControls: true,
                    controls: false,
                    stopAutoOnClick: true,
                    pager: true,
                    slideWidth: 263,
                    minSlides: 2,
                    maxSlides: 2,
                    moveSlides: 2,
                    slideMargin: 14
                });
            }

            $(window).resize(function(){
                newSlide.destroySlider();
                _this.evtHandler();
            });
        }
    },
    layer : {
        global : 'body',
        wrap : '.layer_wrap',
        slide : '.layer_wrap .layer_slide',
        close : '.layer_wrap .layer_close',
        init : function(){
            var _this = this;

            _this.evtHandler();
        },
        evtHandler : function(){
            var _this = this;

            $(_this.global).css({'overflow':'hidden'});
            if( $(_this.slide).find('div').length > 1 ){
                _this.layerSlide();
            }

            $(_this.close).on('click', function(){
                _this.LayerClose();
            });
        },
        layerSlide : function(){
            var _this = this;

            layerSlide = $(_this.slide).bxSlider({
                mode: 'fade',
                auto: true,
                autoStart: true,
                autoControls: true,
                controls: false,
                autoHover: true,
                pager: true,
                adaptiveHeight: true
            });
        },
        LayerClose : function(){
            var _this = this;
            
            if( layerSlide != undefined ){
                layerSlide.destroySlider();
            }
            $(_this.global).css({'overflow':''});
            $(_this.wrap).css({'display':'none'});
        }
    }
};

$(window).load(function(){
    uiMain.init();  // 개발에서 하나만 호출필요!
});
/* E: Main */