/*
 * Name     : sub.js
 * Version  : 1.0
 * Author   : onepixel studio
 * Date     : 2020-05-23
 ---------------------------------------------------
 Table of contents
 ---------------------------------------------------
    01. functions
    02. init
    03. review swiper
    04. zoom gallery init
    05. masonry init
    06. board common
    07. gallery setting
---------------------------------------------------
*/
'use strict';

$(function() {
    // functions
    // get parameter
    var getUrlParameter = function getUrlParameter(sParam) {
        var sPageURL = window.location.search.substring(1),
            sURLVariables = sPageURL.split('&'),
            sParameterName,
            i;

        for (i = 0; i < sURLVariables.length; i++) {
            sParameterName = sURLVariables[i].split('=');

            if (sParameterName[0] === sParam) {
                return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
            }
        }
    };

    // init
    review_swiper_init();
    zoom_gallery_init();
    masonry_init();
    board_common_init();
    gallery_setting();
    faq_init();

    // review swiper
    function review_swiper_init() {
        var $swiper = new Swiper('.customer-review .review-swiper', {
            loop: true,
            navigation: {
                prevEl: '.customer-review .navigation-arrow .prev',
                nextEl: '.customer-review .navigation-arrow .next',
            },
            pagination: {
                el: '.customer-review .swiper-pagination',
                clickable: true,
            }
        });
    }

    // zoom gallery init
    function zoom_gallery_init() {
        $('.zoom-gallery').magnificPopup({
            delegate: 'a',
            type: 'image',
            closeOnContentClick: false,
            closeBtnInside: false,
            mainClass: 'mfp-with-zoom mfp-img-mobile',
            image: {
                verticalFit: true,
            },
            gallery: {
                enabled: true
            },
            zoom: {
                enabled: true,
                duration: 300, // don't foget to change the duration also in CSS
                opener: function(element) {
                    return element.find('img');
                }
            }
            
        });
    }

    // masonry init
    function masonry_init() {
        var $el = $('.masonry-group');

        $el.imagesLoaded(function() {
            $el.masonry({
                itemSelector: '.col-item',
                columnWidth: '.sizer',
                gutter: 10
            });
        });
    }

    // board common
    function board_common_init() {
        // replace category items to link
        if ( $('.board-category').length ) {
            if ( $('.board-category').find('select').length ) {
                var $ca_link    = [],
                    $ca_name    = [],
                    $ca_current = getUrlParameter('com_board_category_code'),
                    $html       = '<ul>';

                $('.board-category select option').each(function (i) {
                    $ca_name[i] = $(this).text();
                    $ca_link[i] = $(location).attr('pathname') + '?com_board_category_code=' + $(this).val();

                    $html += '<li><a href="' + $ca_link[i] + '">' + $ca_name[i] + '</a></li>';
                });

                $html += '</ul>';
                $('.board-category').html($html);
                $('.board-category ul li').each(function () {
                    if ($(this).find('a').attr('href').indexOf($ca_current) > -1 && $ca_current != '') $(this).addClass('is-active');
                });

                if ( !$('.board-category .is-active').length ) $('.board-category ul li:first-child').addClass('is-active');
            } else {
                $('.board-category').remove();
            }
        }

        // category text replace
        $('.gallery_etc').each(function() {
            $(this).html($.trim($(this).text().replace('[','').replace(']','').split(':')[1]));
        });

        // image buttons to text button
        var $btn_keywords = ['삭제', '이동', '복사', '글쓰기', '검색', '이전', '목록보기', '다음', '수정', '작성완료', '취소', '스팸신고', '답글쓰기', '댓글달기'];

        var $btn_type_input = $("input[type=image]"),
            $btn_type_img   = $("img");

        $btn_type_input.each(function () {
            var $src = $(this).attr('src');

            if ( $src.indexOf('search.gif') > -1 ) {
                $(this).before('<input type="submit" id="btn-search" class="button button-primary button-large" value="' + $btn_keywords[4] + '">');
                $(document).on('click', '#btn-search', function () {
                    $(this).next('input[type=image]').trigger('click');
                });
                $(this).hide();
            }

            if ( $src.indexOf('confirm.gif') > -1 ) {
                $(this).before('<input type="submit" id="btn-confirm" class="button button-primary btn-large" value="' + $btn_keywords[9] + '">');
                $(this).hide();
            }

            if ( $src.indexOf('comment_write.gif') > -1 ) {
                $(this).before('<input type="submit" id="btn-comment-write" class="button button-primary btn-large" value="' + $btn_keywords[13] + '">');
                $(document).on('click', '#btn-comment-write', function () {
                    $(this).next('input[type=image]').trigger('click');
                });
                $(this).hide();
            }
        });

        $btn_type_img.each(function () {
            var $src = $(this).attr('src');
            var $event = $(this).attr('onclick');

            if ( $src.indexOf('btn_sdel.gif') > -1 ) {
                $(this).before("<button class='button button-black' onclick='" + $event + "'>" + $btn_keywords[0] + "</button>");
                $(this).remove();
            }

            if ( $src.indexOf('move.gif') > -1 ) {
                $(this).before("<button class='button button-black' onclick='" + $event + "'>" + $btn_keywords[1] + "</button>");
                $(this).remove();
            }

            if ( $src.indexOf('copy.gif') > -1 ) {
                $(this).before("<button class='button button-black' onclick='" + $event + "'>" + $btn_keywords[2] + "</button>");
                $(this).remove();
            }

            if ( $src.indexOf('prev.gif') > -1 ) {
                $(this).parent().addClass('button button-default').text($btn_keywords[5]);
            }

            if ( $src.indexOf('list.gif') > -1 ) {
                $(this).parent().addClass('button button-black').text($btn_keywords[6]);
            }

            if ( $src.indexOf('next.gif') > -1 ) {
                $(this).parent().addClass('button button-default').text($btn_keywords[7]);
            }

            if ( $src.indexOf('spam.gif') > -1 ) {
                $(this).before('<button class="btn btn-danger" onclick="' + $event + '">' + $btn_keywords[11] + '</button>');
                $(this).remove();
            }

            if ( $src.indexOf('modify.gif') > -1 ) {
                $(this).parent().addClass('button button-black').text($btn_keywords[8]);
            }

            if ( $src.indexOf('delete.gif') > -1 ) {
                $(this).parent().addClass('button button-black').text($btn_keywords[0]);
            }

            if ( $src.indexOf('reply.gif') > -1 ) {
                $(this).parent().addClass('button button-secondary').text($btn_keywords[12]);
            }

            if ( $src.indexOf('write.gif') > -1 ) {
                $(this).parent().addClass('button button-secondary').text($btn_keywords[3]);
            }

            if ( $src.indexOf('btn_confirm.gif') > -1 ) {
                $(this).parent().addClass('button button-primary btn-large').text($btn_keywords[9]);
            }

            if ( $src.indexOf('cancel.gif') > -1 ) {
                $(this).parent().addClass('button button-secondary btn-large').text($btn_keywords[10]);
            } 
        });
    }

    // gallery setting
    function gallery_setting() {
        // change row orders
        $('.photo-list .table-photo .bbsnewf5').each(function() {
            var $this = $(this);
            
            if ( $this.find('.gallery_subject').length ) {
                var $row = $this.find('.gallery_subject').parent();
                $row.insertAfter($row.next());
            }
        });
    }

    // faq init
    function faq_init() {
        var $post      = $('.faq-list .titdesign'),
            $html      = '',
            $answer    = [],
            $answerURL = [];

        $post.each(function(i) {
            var $this     = $(this);
            $answerURL[i] = $this.find('a').attr('href');

            $.ajax({
                url: $answerURL[i],
                async: false,
                cache: false,
                dataType: 'html',
                type: 'GET',
                contentType: 'application/x-www-form-urlencoded;charset=euc-kr',
                beforeSend: function (jqXHR) {
                    jqXHR.overrideMimeType('application/x-www-form-urlencoded;charset=euc-kr');
                },
                success: function (data) {
                    $html   = $(data).find('#post_area').html();
                    $answer = '<td class="answer-row">';
                    $answer += $html;
                    $answer += '</td>';

                    $this.find('.bbsnewf5').after($answer);
                },
                error: function (response) {
                    console.log(response);
                }
            });
        });

        $('.faq-list .bbsnewf5 a').on('click', function (e) {
            if ( !$(".board_admin_bgcolor").length ) {
                e.preventDefault();

                if ( !$(this).closest('tr').hasClass('is-open') ) {
                    $('.faq-list .is-open').removeClass('is-open');
                    $(this).closest('tr').addClass('is-open');
                } else {
                    $(this).closest('tr').removeClass('is-open');
                }
            }
        });
    }

    // 포트폴리오 게시판 네비게이션 스크립트
    var isActive = $('.portfolio-board').find('li.is-active');    
    var activeText = isActive.text();
   
    $('.portfolio .navigation .active').text(activeText);



    /**
     * 포트폴리오 nav 관련 스크립트 시작 
     */
    var getParameters = function (href) { 
        var returnValue; 
        var url = location.href; 
        if (href) url = href;
        var parameters = (url.slice(url.indexOf('?') + 1, url.length)).split('&'); 
        var obj = {};
        for (var i = 0; i < parameters.length; i++) { 
            var varName = parameters[i].split('=')[0]; 
            returnValue = parameters[i].split('=')[1]; 
            if (varName!=""){
                try {
                    obj[varName] = decodeURIComponent(returnValue);
                } catch (e) {
                    console.error(varName, returnValue);
                    obj[varName] = returnValue;
                }
            }
        } 
        return obj;
    }; 
    
    var objToString = function (obj) {
        var keys = Object.keys(obj);
        var string = "";
        for (var i=0;i<keys.length;i++) {
            string += keys[i] + "=" + obj[keys[i]] + "&";
        }
        return string;
    }

    // 포트폴리오 리스트 -> 링크 이동시 파라미터 전달
    if ($(".portfolio-board").length > 0) {
        $(".table-photo .bbsnewf5 a").on("click", function(e){
            e.preventDefault();
            var href = $(this).attr("href");
            var category = $(this).parents(".bbsnewf5").find(".gallery_etc").text();
            var pr = getParameters(href);
            delete pr.cateko;
            pr.cateko = encodeURIComponent(category);
            location.href = location.pathname + '?' + objToString(pr);
        });
    }
    
    // 포트폴리오 nav 카테고리명 셋팅 
    var params = getParameters();
    if (params.cateko && $(".board-category").length == 0) {
        var decodeCate = decodeURIComponent(params.cateko);
        $(".portfolio-navi li.active").text(decodeCate);
    }
    
    // 포트폴리오 글상세 이전/다음/목록보기 클릭시 
    $(".board-view-buttons .bbsnewf5 a.button").on("click", function(e){
        e.preventDefault();
        var pr = getParameters(this.href);
        delete pr.cateko;
        var category = $(".portfolio-navi li.active").text();
        pr.cateko = encodeURIComponent(category);
        location.href = location.pathname + '?' + objToString(pr);
    });
    
});