/**
 * jfrm-project.js - v1.5.01 || 
 * 13.04.2012 
 * minimized
 */

function ghostContentBand(elemID) {
    $("#" + elemID).slick({
        infinite: true,
        slidesToShow: 5,
        slidesToScroll: 2,
        autoplay: true,
        autoplaySpeed: 3500,
        speed: 700,
        dots: true,
        centerMode:true,
        arrows: true,
        prevArrow: '<span class="slick-prev slick-arrow colorPrimary"><i class="fas fa-chevron-left"></i></span>',
        nextArrow: '<span class="slick-next slick-arrow colorPrimary"><i class="fas fa-chevron-right"></i></span>',
        responsive: [{
                breakpoint: 610,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                }
            },
            {
                breakpoint: 990,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2,
                }
            },
            {
                breakpoint: 1200,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 2,
                }
            },
            {
                breakpoint: 1650,
                settings: {
                    slidesToShow: 4,
                    slidesToScroll: 2,
                }
            },
        ]
    });

} //prodListShowcaseBand



function prodListShowcaseBand(elemID) {
    $("#" + elemID).slick({
        infinite: true,
        slidesToShow: 1,
        slidesToScroll: 1,
        autoplay: false,
        autoplaySpeed: 3500,
        speed: 700,
        dots: false,
        prevArrow: '<span class="slick-prev slick-arrow colorPrimary"><i class="fas fa-chevron-left"></i></span>',
        nextArrow: '<span class="slick-next slick-arrow colorPrimary"><i class="fas fa-chevron-right"></i></span>',
        responsive: [{
                breakpoint: 610,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                }
            },
            {
                breakpoint: 990,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                }
            },
            {
                breakpoint: 1200,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                }
            },
            {
                breakpoint: 1650,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                }
            },
        ]
    });

} //prodListShowcaseBand



function catShowcaseBand(elemID) {
    $("#" + elemID).slick({
        infinite: true,
        slidesToShow: 2,
        slidesToScroll: 1,
        autoplay: false,
        autoplaySpeed: 3500,
        speed: 600,
        dots: false,
        prevArrow: '<span class="slick-prev slick-arrow typeTwo"><i class="fas fa-chevron-left"></i></span>',
        nextArrow: '<span class="slick-next slick-arrow typeTwo"><i class="fas fa-chevron-right"></i></span>',
        responsive: [{
                breakpoint: 610,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                }
            },
            {
                breakpoint: 990,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2,
                }
            },
            {
                breakpoint: 1200,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                }
            },
            {
                breakpoint: 1600,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                }
            },
        ]
    });

    $("#" + elemID).on('beforeChange', function(event, slick, currentSlide, nextSlide) {
        //console.log(currentSlide);
        var elem = $(slick.$slides[currentSlide]);
        elem.addClass('active-slide-closing');
        setTimeout(function() {
            elem.removeClass("active-slide");
            elem.removeClass("active-slide-closing");
        }, 500);
        //$(slick.$slides[currentSlide]).removeClass('active-slide');
    });
    $("#" + elemID).on('afterChange', function(event, slick, currentSlide) {
        //console.log(currentSlide);
        $(slick.$slides[currentSlide]).addClass('active-slide');
    });
    setTimeout(function() {
        $("#f1").addClass('active-slide')
    }, 1000)

} //prodListShowcaseBand





/**
 * Çerez Bilgilendirme Kapatıldığında Çalışıyor::
 */
function setCookiePopUp() {
    var sendUrl = SITEURL + 'ajax.php?cp=1';
    ajaxPager(sendUrl, function() {
        $("#cookiePopUp").slideToggle();
    });
}


/*
    Ürün Listesi -> Ürün Sıralama Yöntemi Değişikliği::
 */
function changeProdOrderSrcType(value) {
    $('#srcProdSrt').val(value);
    $("#prodSrcMenuForm").submit();
}




/*****
 **
 * MOBILE MENU ILŞEMLERI
 */

$(document).on("click", ".mobileHamburger, #mobileMenuToggle", function(event) {
    event.preventDefault();
    event.stopImmediatePropagation();
    toggleMobileMenu();
    //console.log("mobileHamburger");
});

function toggleMobileMenu() {
    //console.log("toggleMobileMenu");
    if ($(".mobileMenu").hasClass("open")) {
        closeMobileMenu();
    } else {
        openMobileMenu();
    }
}

function openMobileMenu() {
    $(".hamburger").addClass("active");
    $(".mobileMenu").addClass("open");
    $("#mobileTabMenu").addClass("active");
    $(".navBottomLoop.active").not("#mobileTabMenu").addClass("semiStatus");
    if ($('#navSrcProds').hasClass("open")) {
        mobileBottomNavOpenClose('btnFilterProdNav', 'navSrcProds');
        $(".navBottomLoop.active").not("#mobileTabMenu").addClass("semiStatus");
    }
    $("#mobileBottomNav").addClass("menuOn").removeClass("scrollHider");
    $("#headerMobile").addClass("menuOn").removeClass("scrollHider");
    //console.log("openMobileMenu");
}

function closeMobileMenu() {
    $(".hamburger").removeClass("active");
    $(".mobileMenu").removeClass("open");
    $("#mobileTabMenu").removeClass("active");
    $(".navBottomLoop.active").not("#mobileTabMenu").removeClass("semiStatus");
    //console.log("closeMobileMenu");
    $("#mobileBottomNav").removeClass("menuOn");
    $("#headerMobile").removeClass("menuOn");
}


/*
 *  BOTTOM NAV PROD SEARCH
 */


$(document).on("click", ".btnFilterProdNav, #topOpenMobileMenu", function() {
    mobileBottomNavOpenClose('btnFilterProdNav', 'navSrcProds');
});

function mobileBottomNavOpenClose(elemID, menuID) {
    var parent = $('#' + elemID).parent();
    if ($('#' + menuID).hasClass("open")) {
        $(".navBottomLoop.active").not(parent).removeClass("semiStatus");
        parent.removeClass("active");
        $('#' + menuID).removeClass("open");
        $("#mobileBottomNav").removeClass("menuOn");
    } else {
        $(".navBottomLoop.active").not(parent).addClass("semiStatus");
        parent.addClass("active");
        $('#' + menuID).addClass("open");
        if ($(".mobileMenu").hasClass("open")) {
            closeMobileMenu();
            $(".navBottomLoop.active").not(parent).addClass("semiStatus");
        }
        $("#mobileBottomNav").addClass("menuOn").removeClass("scrollHider");
        //$("#headerMobile").addClass("menuOn").removeClass("scrollHider");
    }
}


/**
 * This function work width fixed header::
 * @return {[type]} [description]
 */
function slowSticky(){
    var maxMovement=30;
    $(window).scroll(function(){
        var distance = $(this).scrollTop();
        paral = distance / 3;
        if(paral>maxMovement){
            if($(".readySlowSticky").hasClass("readyStick")==false){
                $(".readySlowSticky").addClass("readyStick");
            }
        }
        else {
            pad=paral/3+5;
            $(".readySlowSticky").removeClass("readyStick");
            $(".readySlowSticky").css({
                "transform": "translateY(-" + paral + "px)","padding-top":pad+"px",
            });
        }
    })
}


function sticky_header() {    
    if ($('header').length) {
        var top_height = 30;
        $(window).scroll(function() {            
            if ($(this).scrollTop() >= top_height) {
                //console.log("sdas");
                //$('body').removeClass('transp');
                $('.headerDesktop').addClass('stickyHeader');
                $('.headerMobile').addClass('stickyHeader');
            } else {
                $('.headerDesktop').removeClass('stickyHeader');
                $('.headerMobile').removeClass('stickyHeader');
            }

            var distanceFromBottom = $(document).height() - $(window).height() - $(document).scrollTop();

            if (distanceFromBottom < 400) {
                if ($("#toBottomBouncer")) {
                    $("#toBottomBouncer").addClass("passive");
                }
            } else {
                if ($("#toBottomBouncer")) {
                    $("#toBottomBouncer").removeClass("passive");
                }
            }

            if($(this).scrollTop>70){
                $(".bannerBody").addClass("toWhite");                
            }
            else {
                $(".bannerBody").removeClass("toWhite");                
            }

        });
    }
}

$(document).ready(function() {
    sticky_header();
    if(isMobile()==false){slowSticky();}
    //$(window).on('resize', sticky_header);
});



// NEW! jfrm
$(document).on('click', ".japDiss", function() {
    msg = $(this).data('msg');
    sts = $(this).data('sts');
    $(this).jfrmDisposable(sts, msg);
});



/**
$(".footerMobOppener").click(function() {
    parent = $(this).parent(".footerMenu");
    child = parent.children(".footerMenuOpenner");
    if (child.hasClass("active")) {
        $(".footerMenuOpenner").slideUp("");
        $(".footerMenuOpenner").removeClass("active");
    } else {
        $(".footerMenuOpenner").slideUp("");
        $(".footerMenuOpenner").removeClass("active");
        child.addClass("active");
        child.slideDown("");
    }
});
**/

/*
$(document).on('click', '.mobileBottom', function() {
    which = $(this).data("elma");
    openClose = ".mobileBottomScreens." + which;
    clickIcon = ".menu-" + which;

    if ($(this).hasClass("active")) {
        $(this).removeClass("active");
        $(openClose).removeClass("open");
        $(this).removeClass("active");
        $("#jiOverlay").removeClass("modalOpen");
    } else {
        $(".mobileBottomScreens").removeClass("open");
        $(".mobileBottom").removeClass("active");
        $(this).addClass("active");
        $(openClose).addClass("open");
        $(this).addClass("active");
        $("#jiOverlay").addClass("modalOpen");
    }

});
*/


// NEW! jfrm
$(document).on('submit', '#srcGlobForm', function() {
    value = $("#srcGlob").val();
    var len = value.length;
    if (len < 3) {
        return false;
    } else return true;
});


/*
    Ödeme Tipi Değişikliği
 */
$(document).on('change', '.paymentTypeSelector', function() {
    paymentType = $(this).data("paytype");
    var elem = $("#paymentTypeHiddens_" + paymentType);
    $(".paymentTypeHiddens").not(elem).removeClass("w3-animate-left").fadeOut();
    $(elem).addClass("w3-animate-left").fadeIn();
    oID = $("#payOrderID").val();
    og = $("#payOrderGroup").val();
    var qString = "tasx=taskPayType&payType=" + paymentType + "&oID=" + oID + "&og=" + og;
    jaxHttpRequest(qString, taskCollector);
});


/*
    Kredi Kart No ayrık yazılması için
 */
$(document).on("keypress", '.creditCardNumber', function() {
    number = $(this).val();
    newval = number.replace(/(\d{4}(?!\s))/g, "$1 ");
    let leng=newval.length;
    if(leng>18){newval=newval.slice(0,18);}
    $(this).val(newval);

});


/*
    ESC Tuşu İşlemleri (Web Side)
*/
$(document).keydown(function(event) {
    //console.log(event.which);
    if (event.which == 27) {

        if ($("#screenBG").css("display") != 'none') {
            $(".hamburger").removeClass("is-active");
            $("body").removeClass("active-nav").removeClass("active-search").trigger("classChange");
        }

        if ($('#headerSrcFormCover').hasClass("active")) {
            $('#headerSrcFormCover').removeClass('active');
            $(".headerMenu").removeClass("activeSrc");
            $("#srcGlobTrigger").removeClass("activeSrc");
        }

        if ($('#jfrmModalOne').hasClass("open")) {
            closeModalOne();
        }

    }
});



/**
 * SITE HEADER ARAMA ALANI
 */
$(document).on('click', "#srcGlobTrigger", function() {
    $(this).toggleClass("activeSrc");
    $("#headerSrcFormCover").toggleClass("active");
    $(".headerMenu").toggleClass("activeSrc");
    $("#srcGlob").focus();
});

// NEW! jfrm
$(document).on('click', "#srcGlobReTrigger", function() {
    $("#headerSrcFormCover").removeClass("active");
});

$(document).on("click",".mobileMenuBlock .drop-down .parentLink",function(){
    $(this).toggleClass("active");
    var parent=$(this).parent(".drop-down");
    var ulMenu=$(parent).children("ul");
    $(".drop-down ul").not(ulMenu).slideUp("slow");
    $(ulMenu).slideToggle("slow");
});




$(function() {

    setTimeout(function(){
		$(".jiOverlay").removeClass("active");
	},1000);


    // var path = location.pathname;
    // $('a[href^="' + path + '"]').addClass('active');

    // if ($('#srcGlob')) {
    //     $('#srcGlob').autocomplete({
    //             source: SITEURL + "jiajax.php?srcGlob=1",
    //             minLength: 3,
    //             html: true,
    //             autoFocus: true,
    //             focus: function(event, ui) {
    //                 type = ui.item.type;
    //                 if (type == 'title') {
    //                     return false;
    //                 }
    //                 //console.log('auto * onFocus');
    //             },
    //             select: function(event, ui) {
    //                 type = ui.item.type;
    //                 if (type == 'title') {
    //                     return false;
    //                 } else {
    //                     link = ui.item.link;
    //                     if (link != "") {
    //                         window.location.href = link;
    //                     } else {
    //                         $('#srcGlob').val(ui.item.value);
    //                     }
    //                 }
    //                 //console.log('auto * onSelect');
    //             }
    //         })
    //         //.data('ui-autocomplete')._renderItem = function(ul, item){
    //         .autocomplete("instance")._renderItem = function(ul, item) {
    //             type = item.type;
    //             if (type == 'title') {
    //                 var thisClas = 'ui-autocomplete-category';
    //             } else var thisClas = 'ui-autocomplete-row';
    //             catClass = item.catClass;
    //             return $("<li class='" + thisClas + " " + catClass + "'></li>")
    //                 .data("item.autocomplete", item)
    //                 .append(item.label)
    //                 .appendTo(ul);
    //         };
    // }


    // NOT SET NOW
    $(".prodSrcSubmit").click(function() {
        $("#prodSrcMenu").submit();
    });

    // NOT SET NOW
    $(".actionMobileUserMenu").click(function() {
        if (".prodSrcMenuMobileCover") {
            $(".prodSrcMenuMobileCover").removeClass('active');
        }

        if ($(".jfrmUserSideMenu").hasClass("active")) {
            $(".jfrmUserSideMenu").removeClass("active");
        } else {
            $(".jfrmUserSideMenu").addClass("active");
        }
    });

    // NOT SET NOW
    $("a.scrToAnc").on('click', function(event) {
        // Make sure this.hash has a value before overriding default behavior
        if (this.hash !== "") {
            // Prevent default anchor click behavior
            event.preventDefault();
            // Store hash
            var hash = this.hash;
            // Using jQuery's animate() method to add smooth page scroll
            // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
            $('html, body').animate({
                scrollTop: $(hash).offset().top - 60
            }, 1000, function() {
                window.location.hash = hash;
            });
        } // End if
    });
});



/**
 * PARALLAX SCROOLS
 */
const moveParallax = (elemID) => {
    width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
    var videoHeight = (width * 1080) / 1920;
    var distance = $(this).scrollTop();
    paral = distance / 3;
    move = distance - paral;    
    //$('#' + elemID).css({
    //    "transform": "translateY(-" + paral + "px)"
    //});
    //console.log(paral, distance,move);
}


/*
    MOBILE HEADER VE BOTTOM NAV SCROLL HAREKETINE GÖRE DUYARLILIĞI
 */

var lastScrollTop = 0;
var animBalance = 40;
runHeader=false; 
runFooter=false;
if(isMobile()){
    $(window).scroll(function(event) {
        var st = $(this).scrollTop();
        var distance = Math.abs(st - lastScrollTop);
        if (distance > animBalance) {
            if (st > lastScrollTop) {
                if(runHeader){$("#headerMobile").addClass("scrollHider");}
                if(runFooter){$("#mobileBottomNav").removeClass("scrollHider");}
            } else {
                if(runHeader){$("#headerMobile").removeClass("scrollHider");}
                if(runFooter){$("#mobileBottomNav").addClass("scrollHider");}
            }
            lastScrollTop = st;
        }
    });
}



/**
 * E ERROS HANDLE
 */
(function() {
    if (typeof EventTarget !== "undefined") {
        let func = EventTarget.prototype.addEventListener;
        EventTarget.prototype.addEventListener = function(type, fn, capture) {
            this.func = func;
            if (typeof capture !== "boolean") {
                capture = capture || {};
                capture.passive = false;
            }
            this.func(type, fn, capture);
        };
    };
}());


/** SCROOL and Visible Anim ::
*/
let observerOptions = {
    rootMargin: '0px',
    threshold: 0.2
}
var observer = new IntersectionObserver(observerCallback, observerOptions);

function observerCallback(entries, observer) {
    entries.forEach(entry => {
        if(entry.isIntersecting) {    				 
            entry.target.classList.add("animate__animated","animate__fadeInUp");
            setTimeout(function(){
               entry.target.classList.add("activeStage");
           },500);
        }
    });
};

function initObserver(){
    //console.log("initObs");
    let target = '.stageMove';
    document.querySelectorAll(target).forEach((i) => {
        if (i) { observer.observe(i);}
    });
}


$(function(){
    initObserver()
})



/*
var wlh=window.location.href; //returns the href (URL) of the current page
console.log(wlh);

var wlhos= window.location.hostname; //returns the domain name of the web host
console.log(wlhos);

var wlp=window.location.pathname; //returns the path and filename of the current page
console.log(wlp);

var wlpr=window.location.protocol; //returns the web protocol used (http: or https:)
console.log(wlpr);

*/