var didsend = new Array();
var images = new Array();
$(function () {

    $(document).scroll(function () {
        if ($(document).scrollTop() > 200) {
            //$('#navMain').addClass('sticky-top animated slideInDown d-flex').removeClass('collapse');
            //$('#btnOrderTop').addClass('animate__bounceInRight').removeClass('collapse');
            //trackEvent('Interaction', 'Scrolldown');

        } else {
            //$('#btnOrderTop').addClass('animate__bounceOutRight');
        }
        /*if (document.getElementById('sectionDemo') != null) {

            if (isInViewport($('#sectionDemo')[0])) {
                trackEvent('Interaction', 'Scroll-Demo');
            }
            if (isInViewport($('#buynow')[0])) {
                trackEvent('Interaction', 'Scroll-Buy');
            }
        }*/

    });

    $('.btn-interaction').on('click', function (event) {

        var id = event.currentTarget.id;

        //console.log(classNames);

        trackEvent('Interaction', id)

        return true;
    });


    $('.btn-disableonclick').click(function (e) {
        if ($(this).data('clicked') == 1) {
            e.preventDefault();
            console.log('preventDefault');
        }
        $(this).html('  <i class="fas fa-spinner fa-spin"></i> Bitte warten...');
        $(this).data('clicked', 1);


    });



    $('a[href*="#"]')
        .not('[href="#"]')
        .not('[href="#0"]')
        .click(function (event) {
            if (
                location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') &&
                location.hostname == this.hostname
            ) {
                var target = $(this.hash);

                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                if (target.length) {
                    event.preventDefault();
                    $('html, body').animate({
                        scrollTop: target.offset().top - (window.innerHeight / 6)
                    }, 1000, function () {
                        /*var $target = $(target);
                        $target.focus();
                        if ($target.is(":focus")) {
                            return false;
                        } else {
                            $target.attr('tabindex', '-1');
                            $target.focus();
                        };*/
                    });
                }
            }
        });


    /*
        $('#modalPoa').on('show.bs.modal', function (event) {
            var sender = $(event.relatedTarget);
            var scope = sender.data('poa-scope');
            $('.poa-conditional').collapse();
    
            $('#divPoa-' + scope).collapse(false);
            $('#btnFinishPoa').data('poa-scope', scope);
        });
    
        $('#modalPoa').on('shown.bs.modal', function () {
            setTimeout(resizeCanvas(), 4000);
        });
        $('#btnClearSignature').click(function () {
            //resizeCanvas();
            signaturePad.clear();
            //location.reload();
    
        });
    
    
        $('#btnFinishPoa').click(function () {
    
            onSubmitPoa($(this).data('poa-scope'));
            //location.reload();
    
        });
    
    */

    $('.btn-revealinfo').click(function () {
        $(this).addClass('collapse').next('.divInfo').removeClass('collapse');
    });

    $('#btnAddComment').click(function () {
        $('#divFileComment').toggle();
    });
    $('#btnShowExample').click(function () {
        $('#divResultExample').collapseAndCenter(false);
    });



    $('#edtLoginEmail').on('keypress', function (event) {
        var keycode = event.keyCode || event.which;
        if (keycode == '13')
            $('#btnLogin').click();
    });



    $('.price-relevant').change(function () {
        UpdatePrice();
    });

    $('.modal-onclick-nodismiss').click(function () {
        toggleModalLoading(true);
    });




});

function uuidv4() {
    return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
        (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
    );
}

function toggleModalLoading(state) {
    if (state) {
        setTimeout("$('#modalLoading').modal('show')", 10);
    } else
        setTimeout("$('#modalLoading').modal('hide')", 10);
}


function saveViewState(key, viewstate) {

    $.post("/cb.php?cmd=saveviewstate&viewstatekey=" + key, {
        viewstate: JSON.stringify(viewstate)

    }).done(function (data) {

    }).always(function () {

    });
}


function swAlert(message) {
    Swal.fire(message);

}

var isInViewport = function (elem) {
    var bounding = elem.getBoundingClientRect();
    return (
        bounding.top >= 0 &&
        bounding.left >= 0 &&
        bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
        bounding.right <= (window.innerWidth || document.documentElement.clientWidth)
    );
};

function toggleRequired(fiels, required) {
    var fields = dataFields.split(',');
    fields.forEach(function (fieldName) {
        var field = $('#' + fieldName);
        if (!required) {
            field.removeAttr('required');
        } else {
            field.attr('required', 1);
        }

    });
}




function preload() {
    for (i = 0; i < preload.arguments.length; i++) {
        images[i] = new Image()
        images[i].src = preload.arguments[i]
    }
}

function toggleLoading(hide) {
    if (hide)
        $('#divLoading').addClass('collapse');
    else
        $('#divLoading').removeClass('collapse');
}


function updateRequiredFields(selectField) {
    var selectedOption = selectField.find(":selected");

    if (selectedOption.data('require') != null) {
        dataFields = selectedOption.data('require');
        toggleRequired(dataFields, true);
    }

    if (selectedOption.data('unrequire') != null) {
        dataFields = selectedOption.data('unrequire');
        toggleRequired(dataFields, false);

    }


}



jQuery.fn.extend({
    collapse: function (value = true) {
        if (value)
            return this.addClass('collapse');
        else
            return this.removeClass('collapse');

    },
    visible: function () {
        return !this.hasClass('collapse');

    },
    collapseAndCenter: function (value = true, animate = true) {
        if (value)
            return this.addClass('collapse');
        else
            return this.removeClass('collapse').centerOnScreen(animate);

    },
    centerOnScreen: function (animate = true) {
        if (animate) {
            //console.log(initComplete);

            var speed = 1000;
            $('html, body').animate({
                scrollTop: this.offset().top - (window.innerHeight / 4)
            }, speed, function () {

            });
        } else {
            $('html, body').scrollTop(this.offset().top - (window.innerHeight / 4));
        }

        return this;
    },
    require: function (value) {
        if (value)
            return this.attr('required', '1');
        else
            return this.removeAttr('required');
    },
    disableInput: function (value) {
        if (value) {
            return this.addClass('disabled').attr('disabled', 1);
        } else {
            return this.removeClass('disabled').removeAttr('disabled');
        }
    }
});

var trackedEvents = new Array();

function trackEvent(name, title, multisend = false) {
    var id = name + '-' + title;
    if (trackedEvents.indexOf(id) == -1 || multisend) {
        trackedEvents.push(id);
        try {
            console.log('event:' + id);
            _paq.push(['trackEvent', name, title]);
        } catch (e) {

        }
    }

}


function focusTarget(target) {
    $('html, body').animate({
        scrollTop: target.offset().top - (window.innerHeight / 4)
    }, 1000, function () {
        var $target = $(target);
    });
}


function loadScript(src, callback) {

    var script = document.createElement('script')
    script.type = 'text/javascript'

    // IE
    if (script.readyState) {
        script.onreadystatechange = function () {
            if (script.readyState === 'loaded' || script.readyState === 'complete') {
                script.onreadystatechange = null
                callback()
            }
        }
    }
    // Others
    else {
        script.onload = callback
    }

    script.src = src
    document.head.appendChild(script)
}