function showpanel()
{
    $('.carousel').each(function (index, element) {
        var slider = $(this);
        slider.not('.slick-initialized').slick({
            dots: true,
            speed: 500
        });
        //init slider
    });
}

if (document.readyState === "loading") {
    // Calls the function during the 'DOMContentLoaded' event, after the HTML document has been completely loaded
    document.addEventListener("DOMContentLoaded", function () {
        showpanel();
    });
} else {
    // Calls the function directly in cases where the widget is rendered dynamically after 'DOMContentLoaded' has occurred
    showpanel();
}
function showpanel()
{

}

if (document.readyState === "loading") {
    // Calls the function during the 'DOMContentLoaded' event, after the HTML document has been completely loaded
    document.addEventListener("DOMContentLoaded", function () {
        //showpanel();
    });
} else {
    // Calls the function directly in cases where the widget is rendered dynamically after 'DOMContentLoaded' has occurred
    //showpanel();
}