var textImageData = {};

var TAB_4 = {};
TAB_4.pageContentObj;
TAB_4.visitedArr = [];
TAB_4.lastClicked;

let _shell_wrapper = $('#shell_wrapper');

TAB_4.initPage = function (data) {
    TAB_4.pageContentObj = data;
    TAB_4.visitedArr = [];

    $(".ins_text1").html(data.ins_text1);
    $(".ins_text2").html(data.ins_text2);
    $(".ins_text").html(data.ins_text);
    $(".row_counter").addClass("fadeInUp");

    $(".tab").each(function (i) {
        $(this).html(data["click_" + (i + 1)]);
        $(this).data("idx", (i + 1));
        $("#popup_" + (i + 1) + "_Container .popupText").html(data["click_" + (i + 1) + "_text"])
        TAB_4.visitedArr.push(0);
    });

    $("#bottomText").html(data.bottom_text);

}


TAB_4.updateAudio = function (_btn, num) {

}

TAB_4.checkCompletion = function () {
    if (jQuery.inArray(0, TAB_4.visitedArr) == -1) {
        Utils.pageCompleted()
    }
}

TAB_4.addListeners = function () {

    $(".tab").parent().addClass("enabled");
    $(".tab1").hide()

    $(".tab").off("click").on("click", function () {
        if (TAB_4.lastClicked == undefined || TAB_4.lastClicked.attr('id') != $(this).attr('id') && $(this).parent().hasClass("enabled")) {
            $(".tab").parent().removeClass("selected enabled");
            $(this).parent().addClass("selected");
            if ((!$(this).parent().hasClass('visited')) || (!$(this).hasClass('visited'))) {
                $(".closeBtn").removeClass("enabled");
            }

            var eName = $(this).attr("id");
            var num = parseInt(eName.slice(3, 4));
            $(".ins_text2").hide();
            $(".contentCont #container").fadeOut()
            if (num == 1) {
                $(".ins_text1").hide();
                $(".ins_text2").show();
                setTimeout(function () {
                    $(".contentCont #container").fadeIn()
                    initCourosel();
                }, 300)
            }

            TAB_4.lastClicked = $(this);
        }
    });

    setTimeout(function () {
        $(".btnContainer .tab1").trigger("click")
    }, 300)

}





var init_activity = (function () {
    this.init = function (data, callback) {
        TAB_4.initPage(data);
        setTimeout(function () {
            TAB_4.addListeners();
        }, 400);
    };
    return this;

})

///  courosel is //////////////////////

let initCourosel = function () {
    $(".carousel-container #box6").show();
    addClickActivity();
};


let addClickActivity = function () {
    TAB_4.visitedArr = []
    let _tabs = $(".text_model_style .tabclick")
    _tabs.each(function (i) {
        TAB_4.visitedArr.push(0)
    })

    _tabs.off("click").on("click", function () {

        let _btn = $(this);

        if (_btn.hasClass("disabled")) return;
        _tabs.removeClass("selected");

        _tabs.addClass('disabled').removeClass('active');

        let num = parseInt(_btn.attr("id").slice(8, 9));
        //$(".contentWrapper .revealTxt").hide();
        _btn.addClass("selected");
        $(".contentWrapper .revealTxt_" + num).show();

        Utils.updateAudio(TAB_4.pageContentObj.audio[num], function () {
            TAB_4.visitedArr[num - 1] = 1;
            _btn.addClass("visiteded");
            _tabs.removeClass('disabled').addClass('active');

            let _data = {
                'qNo': num,
                'r': 1
            }
            _shell_wrapper.trigger("tabClicked", _data);

            TAB_4.checkCompletion();

        })
    }).addClass('disabled').removeClass('active');

}