/// <reference path="./../../js-common/related.ts" />
$(document).ready(function () {
    loadRelated(apiDomain + '/api/related-cards?type=why-hong-kong&language=' + htmlLang, 'related__cards');
    // add class to visible even and odd item
    $('.why__section:not(.why__imageSection)').addClass('mobile-section');
});
colorMix();
setWhyHKGridWidth();
;
function colorMix() {
    var className = 'primary';
    var start = 1;
    var item = $('.why__section:not(.why__imageSection)');
    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 setWhyHKGridWidth() {
    setGridWidth();
    function setGridWidth() {
        var whySectionWidth = $('.why__section').outerWidth(true);
        var buffer = 8;
        if ($("html").attr('lang') == 'zh-hk' || $("html").attr('lang') == 'zh-cn') {
            buffer = 14;
        }
        if ($(window).width() > 1190) {
            $('.why__content').css('width', whySectionWidth * 3 + buffer);
        }
        else if ($(window).width() <= 1190 && $(window).width() > 600) {
            $('.why__content').css('width', whySectionWidth * 2 + buffer);
        }
        else if ($(window).width() <= 600) {
            $('.why__content').css('width', whySectionWidth * 2 + buffer);
        }
    }
    $(window).on('resize', function () {
        setGridWidth();
    });
}