/// <reference path="./../../js-common/card-load.ts" />
$(document).ready(function () {
    // get json data for cards
    var industriesCardTopJSON;
    var cardTopPage = apiDomain + "/api/highlight-card?type=industries&language=" + htmlLang;
    var industriesCardTop = $('script[data-template="industriesCardTop"]').text().split(/\$\{(.+?)\}/g);
    //first load
    getJsonCardTop(cardTopPage);
    // get cards via JSON
    function getJsonCardTop(page) {
        $.ajax({
            url: page
        }).done(function (data) {
            // get data
            industriesCardTopJSON = data;
            // bind data to templates
            $('.industriesTop').prepend(industriesCardTopJSON.map(function (item, index) {
                return industriesCardTop.map(render(item)).join('');
            }));
            loadCards({
                cardsToDisplay: 8,
                cardClass: 'industriesCard',
                loadMoreButtonClass: 'industries__more'
            });
            loadAsset('industriesTop');
            templateReplaceAttribute();
            cssObjectFit($('.industriesTop__left .image, .industriesCard__image'));
            colorMix();
            setIndustriesCoverLink();
        });
    }
    setIndustriesItemTitle();
});
function setIndustriesCoverLink() {
    var link = $('.industriesTop__right a').attr('href');
    $('.industriesTop').wrapInner('<a href="https://www.investhk.gov.hk/sites/all/themes/investhk/js/' + link + '" class="link-wrap"></a>');
    // $('.case-studies__cover > a').remove()
}
function colorMix() {
    var className = 'primary';
    var start = 3;
    var item = $('.industriesCard');
    var bufferItemLength = 2;
    for (var i = start; i <= (item.length + bufferItemLength); i += 4) {
        var next = i + 1;
        $(document).find(item).eq(i).addClass(className);
        $(document).find(item).eq(next).addClass(className);
    }
}
function setIndustriesItemTitle() {
    $('.industriesCard').each(function () {
        $(this).find('> a').attr('aria-label', $(this).find('h3').text());
    });
}