//-------------------------------------------------
// ajaxSetup 세팅
//-------------------------------------------------
var errorForm = null;
var openAjaxCount = 0;
var closeAjaxCount = 0;
var openBlockUI = 0;

$.ajaxSetup({
    cache: false,
    dataType: 'json',
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

var controller = new ScrollMagic.Controller({globalSceneOptions: {triggerHook: 0.01}});
var portfolioHeight = $('.main-portfolio').height();
var introduceHeight = $('.main-introduce').height()-80;
var inquiryHeight = $('.main-inquiry').height()-80;
	// build scenes
new ScrollMagic.Scene({triggerElement: ".main-portfolio", duration: getPortHeight})
                .setClassToggle(".portfolio-link", "active") // add class toggle
                .addTo(controller);
new ScrollMagic.Scene({triggerElement: ".main-introduce", duration: getIntroHeight})
                .setClassToggle(".introduce-link", "active") // add class toggle
                .addTo(controller);
new ScrollMagic.Scene({triggerElement: ".main-inquiry", duration: getInquHeight})
                .setClassToggle(".inquiry-link", "active") // add class toggle
                .addTo(controller);

function getPortHeight() {
    return portfolioHeight
}
function getIntroHeight() {
    return introduceHeight
}
function getInquHeight() {
    return inquiryHeight
}
$(window).on('resize', function() {
    portfolioHeight = $('.main-portfolio').height();
    introduceHeight = $('.main-introduce').height()-80;
    inquiryHeight = $('.main-inquiry').height()-80;

    if($(window).width() >= 992){
        $('.sidebar').removeClass('show')
        $('body').removeClass('open-sidebar')
        $('#sidebar-open').removeClass('d-none')
        $('#sidebar-close').addClass('d-none')
    }
})

$(document).ajaxError(handleAjaxError);
$(document).ajaxComplete(function(event, xhr,settings){
    if(!settings.hideLoading) closeAjaxLoading();
    errorForm = null;
});

$(document).ajaxSend(function (event, xhr, settings) {
    xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'));

    resetAjaxFormErrorMessage();

    /*
    if(!settings.hideLoading) {
        if(typeof settings.bindForm == "undefined") openAjaxLoading(null);
        else openAjaxLoading(settings.bindForm);
    }
    */
});

$(document).ajaxSuccess(function(event, xhr, settings) {
    // if(!settings.hideLoading) closeAjaxLoading();

    errorForm = null;
});

// Ajax 에러 헨들러
function handleAjaxError(event, xhr, status, err) {
    if (xhr.status === 401) {
        // 로그아웃 된 상태
        window.location.reload();
    } else if (xhr.status === 419) {
        alert('페이지가 만료되었습니다. 페이지를 다시 새로고침 합니다.');
        window.location.reload();
    } else if (xhr.status === 422) {
        // Validaton 실패
        var data = JSON.parse(xhr.responseText);
        showAjaxFormErrorMessage(data);
    }
    else {
        console.log(err);
        if(err !== 'abort') alert(xhr.responseText);
    }
    closeAjaxLoading();
    errorForm = null;
}

function showAjaxFormErrorMessage(data) {
    var fistElement = null;
    var message = "";

    for (var i in data.errors) {
        var name = i;
        var element = null;

        if (errorForm == null) {
            element = $("[name=" + name + "]:not(:disabled)");
            errorForm = element.closest("form");
        } else {
            element = errorForm.find("[name=" + name + "]:not(:disabled)");
        }

        if (element.length === 0) {
            alert(message);
            return;
        }

        // var row = element.closest(".form-group", errorForm);
        // if(row.length === 0) row = element.closest("div.row", errorForm);

        errorForm.find("[type=submit]").prop("disabled", false);

        var dialog = element.closest(".modal-dialog");
        if (dialog.length > 0) {
            dialog.find(".modal-footer").find("[type=submit]").prop("disabled", false);
        }

        element.addClass("is-invalid");

        message = $.isArray(data.errors[i]) ? data.errors[i][0] : data.errors[i];

        //element.tooltip('enable');
        element.addClass('has-tooltip');
        element.attr('data-toggle', 'tooltip');
        element.attr('data-title', message);

        if (fistElement === null) {
            fistElement = element;
        }
    }

    if (fistElement !== null) {
        fistElement.focus();
    }
}
function resetAjaxFormErrorMessage() {
    if (errorForm != null) {
        errorForm.find(".is-invalid").removeClass("is-invalid");
        errorForm.find(".has-tooltip").removeClass('has-tooltip');
        //errorForm.find('[data-toggle="tooltip"]').tooltip('disable');
    }
}

function openAjaxLoading(form) {
    if (openAjaxCount > 0) return;

    //console.log("openAjaxCount : "+openAjaxCount);
    if (openAjaxCount === closeAjaxCount) {
        openAjaxCount++;
        if (form != null) {
            //form.off("upload.progress");
            form.bind("upload.progress", function (e, data) {
                //console.log($("#blockUITitle"));
                //Object {total: 38336387, upload: 38336387, percent: 100}
                $(".blockUITitle:last-child").text(Math.floor(data.percent) + "% 업르드중... 잠시만 기다리세요...");
                if (data.percent >= 100) {
                    form.off("upload.progress");
                }
            });
        }

        $.blockUI({
            message: '<span class="text-white"><i class="fal fa-compass fa-4x fa-spin"></i><div class="blockUITitle">Please wait.</div></span>',
            css: {border: '0', background: 'none'},
            baseZ: 9000
        });

        // 에러가 날경우 닫지 못하는 문제로 15초가 넘으면 닫도록 처리함
        // 오래 걸리는 작업때문에 주석 > 푸시등
        /*
        openBlockUI = setTimeout(function(){
            closeAjaxLoading();
            alert("[에러!!] 요청한 내용을 처리하지 못했습니다.")
        }, 5000);
        */
    }
}

function closeAjaxLoading() {
    if (openAjaxCount === 0 || closeAjaxCount > 0) return;

    closeAjaxCount++;
    if (openAjaxCount === closeAjaxCount) {
        clearTimeout(openBlockUI);
        $.unblockUI();
        openAjaxCount = 0;
        closeAjaxCount = 0;
    }
}
//-------------------------------------------------

var extExecutes = "php,php3,php4,phps,phtm,phtml,htm,html,sh,ph,inc,cgi,pl,tpl,exe,com,bat,dll,cpl,asp,aspx,vbs,java,jsp";
var extImages = "gif,jpg,jpeg,png,bmp";

$(document).ready(function() {
    $('#sidebar-open').click(function() {
        $('.sidebar').addClass('show')
        $('body').addClass('open-sidebar')
        $('#sidebar-open').addClass('d-none')
        $('#sidebar-close').removeClass('d-none')
    })
    $('#sidebar-close').click(function() {
        $('.sidebar').removeClass('show')
        $('body').removeClass('open-sidebar')
        $('#sidebar-open').removeClass('d-none')
        $('#sidebar-close').addClass('d-none')
    })
    $('.sidebar-item').click(function() {
        $('.sidebar').removeClass('show')
        $('body').removeClass('open-sidebar')
        $('#sidebar-open').removeClass('d-none')
        $('#sidebar-close').addClass('d-none')
    })
    var checkMessage = function (result, msg, obj) {
        if (!result) {
            if (msg != undefined) alert(msg);
            if (obj != undefined) obj.focus();
            return false;
        } else {
            return true;
        }
    }

    // 양쪽 공백 제거
    $.fn.trim = function () {
        var pattern = /(^\s*)|(\s*$)/g;
        return this.val().replace(pattern, "");
    }

    // 공백 검사
    $.fn.checkNull = function () {
        var pattern = /^\s+|\s+$/g;
        return (this.val() == null || this.val().replace(pattern, '') == '');
    }

    // 입력값이 비어 있는지 체크
    $.fn.checkEmpty = function (msg) {
        return checkMessage(!this.checkNull(), msg, this);
    }

    // 숫자인지 검사
    $.fn.checkNumber = function (msg) {
        var pattern = /^[0-9]+$/;
        return checkMessage(pattern.test(this.val()), msg, this);
    }

    // 영문자인지 검사
    $.fn.checkEnglish = function (msg) {
        if (this.checkNull()) return false;
        var pattern = /(^[a-zA-Z]+$)/;
        return checkMessage(pattern.test(this.val()), msg, this);
    }

    // 한글인지 검사(자음, 모음만 있는 한글은 불가)
    $.fn.checkKorean = function (msg) {
        if (this.checkNull()) return false;
        var pattern = /([^가-힣\x20])/i;
        return checkMessage(!pattern.test(this.val()), msg, this);
    }

    // 영문자와 숫자 검사
    $.fn.checkEngNumber = function (msg) {
        if (this.checkNull()) return false;
        var pattern = /(^[a-zA-Z0-9]+$)/;
        return checkMessage(pattern.test(this.val()), msg, this);
    }

    // 최소입력숫자 제한
    $.fn.checkCount = function (cnt, msg) {
        if (this.checkNull()) return false;
        if (!this.checkNumber()) return false;
        if (this.val() < cnt) {
            return checkMessage(false, msg, this);
        } else {
            return true;
        }
    }

    // 입력길이 체크
    $.fn.checkLength = function (len, ctype, msg) {
        var str = this.val();
        var str_len = 0;
        for (var i = 0; i < str.length; i++) {
            if (str.charCodeAt(i) > 255) {
                str_len += 2;
            } else {
                str_len++;
            }
        }
        if (ctype == 'max') {
            return checkMessage((str_len <= len), msg, this);
        } else if (ctype == 'min') {
            return checkMessage((str_len >= len), msg, this);
        } else {
            return false;
        }
    }

    $.fn.disableNumber = function () {
        this.val(this.val().replace(/[^0-9]/g, ""));
    };

    $.fn.setComma = function (options) {
        var opts = $.extend({}, {delimiter: ','}, options);
        return this.each(function () {
            $this = $(this);
            var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
            var str = $this.html();
            $this.html($this.html().toString().replace(new RegExp("(^\\d{" + ($this.html().toString().length % 3 || -1) + "})(?=\\d{3})"), "$1" + o.delimiter).replace(/(\d{3})(?=\d)/g, "$1" + o.delimiter));
        });
    };

    $.fn.checkEmail = function (msg) {
        var pattern = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
        return checkMessage(pattern.test(this.val()), msg, this);
    }

    // 전화번호 형식 검사
    $.fn.checkPhone = function (check, msg) {
        if (this.checkNull() || check == undefined) {
            checkMessage(false, msg, this);
            return false;
        }
        var str = this.val();
        var pattern1, pattern2;
        var result = false;
        if (check == "phone") { //유선전화번호
            pattern1 = /^(0[2-8][0-5]?)-?([1-9]{1}[0-9]{2,3})-?([0-9]{4})$/;
            pattern2 = /^(1544|1566|1577|1588|1644|1688)-?([0-9]{4})$/;
            result = (pattern1.test(str) || pattern2.test(str));
        } else if (check == "mobile") { //휴대전화번호
            pattern1 = /^(01[01346-9])-?([1-9]{1}[0-9]{2,3})-?([0-9]{4})$/;
            result = pattern1.test(str);
        } else { //유선전화,휴대전화 모두..
            pattern1 = /^(0[2-8][0-5]?|01[01346-9])-?([1-9]{1}[0-9]{2,3})-?([0-9]{4})$/;
            pattern2 = /^(1544|1566|1577|1588|1644|1688)-?([0-9]{4})$/;
            result = (pattern1.test(str) || pattern2.test(str));
        }
        return checkMessage(result, msg, this);
    }

    //전화번호인지 검사
    $.fn.checkPhoneNumber = function(msg) {
        var pattern = /^[-0-9]*$/;
        return checkMessage(pattern.test(this.val()), msg, this);
    }

    $.fn.autoHyphen = function() {
        this.val(convertHyphen(this.val()));
    }

    // 파일확장자 검사
    $.fn.checkExtension = function (check, msg) {
        if (this.checkNull() || check == undefined) return true;

        var str = this.val();
        var exts = '';
        var ext = str.substring(str.lastIndexOf(".") + 1).toLowerCase();
        var result = false;
        if (check == "image") { //이미지
            exts = extImages;
        } else if (check == "movie") { //동영상
            exts = "asx,asf,wmv,wma,mpg,mpeg,mov,avi,flv,mp4";
        } else if (check == "execute") { //실행파일
            exts = extExecutes;
        } else {
            exts = check.toLowerCase();
        }
        result = (exts.indexOf(ext) != -1);

        return checkMessage(result, msg, this);
    }

    $(".number").keyup(function () {
        $(this).disableNumber();
    });

    $(".hyphen").keyup(function() {
        $(this).autoHyphen();
    });

    autosize($(".autosize"));
});