/*
    This method is used to call Facebook and LinkedIn tags
**/

function callFLTags(gasource, gatype, gacat) {
    
    /*var img = document.createElement("img");
    img.setAttribute('width', 1);
    img.setAttribute('height', 1);
    var axel = Math.random() + "";
    var a = axel * 10000000000000;
    img.setAttribute('src', `https://ad.doubleclick.net/ddm/activity/src=${gasource};type=${gatype};cat=${gacat};dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ord=${a}?'' width="1" height="1" alt=""`);
    img.style.display = 'none';
    document.body.appendChild(img);*/
    
    var axel = Math.random() + "";
    var num = axel * 1000000000000000000;
    var tag_url = new Image();
    tag_url.setAttribute('width', 1);
    tag_url.setAttribute('height', 1);
    tag_url.src = "https://ad.doubleclick.net/ddm/activity/src="+gasource+";type="+gatype+";cat="+gacat+";dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};num=+"+num+"?";
    
}

var msnryDE;
var masonContainerDE;
var masonItemsDE;
var masonItemsPerViewDE = 3;
var masonItemsVisibleDE = 0;

var msnryIP;
var masonContainerIP;
var masonItemsIP;
var masonItemsPerViewIP = 3;
var masonItemsVisibleIP = 0;


document.addEventListener('DOMContentLoaded', function () {
    if (document.querySelector('.masonry.distinguish-engineers')) {
        initMasonryDE();
    }
    //initMasonryIP();
    if(document.getElementById('industry-panel')){
        document.querySelector(".masonry.industry-panel .masonry-show-more").classList.add('d-none');
    }
});

function initMasonryDE(){
    masonItemsPerViewDE = document.querySelector('.masonry.distinguish-engineers').dataset.perView || masonItemsPerView;
    masonContainerDE = document.querySelector('.masonry.distinguish-engineers .grid');
    masonItemsDE = [].slice.call(document.querySelectorAll('.masonry.distinguish-engineers .grid > .grid-item'));
    masonContainerDE.innerHTML = "";
    msnryDE = new Masonry( '.masonry.distinguish-engineers .grid', {"percentPosition": true, resize:true, stagger: 30, horizontalOrder: true });
    displayNextMasonItems('distinguish-engineers');

}

function initMasonryIP(){
    masonItemsPerViewIP = document.querySelector('.masonry.industry-panel').dataset.perView || masonItemsPerView;
    masonContainerIP = document.querySelector('.masonry.industry-panel .grid');
    masonItemsIP = [].slice.call(document.querySelectorAll('.masonry.industry-panel .grid > .grid-item'));
    masonContainerIP.innerHTML = "";
    msnryIP = new Masonry( '.masonry.industry-panel .grid', {"percentPosition": true, resize:true, stagger: 30, horizontalOrder: true });
    displayNextMasonItems('industry-panel');

}


function displayNextMasonItems(id) {
    if(id=='distinguish-engineers'){
        var nextItems = [];
        for (var i = masonItemsVisibleDE; i < masonItemsVisibleDE + masonItemsPerViewDE; i++) {
            if (masonItemsDE[i]) {
                nextItems.push(masonItemsDE[i]);
                masonContainerDE.appendChild(masonItemsDE[i]);
            }
            else if (i==3 && masonItemsDE.length >= 3){
                nextItems.push(masonItemsDE[3]);
                masonContainerDE.appendChild(masonItemsDE[3]);
            }
        }

        msnryDE.appended( nextItems )
        imagesLoaded( masonContainerDE, ()=>{
            msnryDE.layout();
        })
        
        masonItemsVisibleDE += masonItemsPerViewDE;
        if(masonItemsVisibleDE >= masonItemsDE.length ){
            document.querySelector(".masonry.distinguish-engineers .masonry-show-more").classList.add('d-none');
        }
    }else if(id=='industry-panel'){
        var nextItems = [];
        for (var i = masonItemsVisibleIP; i < masonItemsVisibleIP + masonItemsPerViewIP; i++) {
            if (masonItemsIP[i]) {
                nextItems.push(masonItemsIP[i]);
                masonContainerIP.appendChild(masonItemsIP[i]);
            }
            else if (i==4 && masonItemsIP.length >= 4){
                nextItems.push(masonItemsIP[4]);
                masonContainerIP.appendChild(masonItemsIP[4]);
            }
        }

        msnryIP.appended( nextItems )
        imagesLoaded( masonContainerIP, ()=>{
            msnryIP.layout();
        })
        
        masonItemsVisibleIP += masonItemsPerViewIP;
        if(masonItemsVisibleIP >= masonItemsIP.length ){
            document.querySelector(".masonry.industry-panel .masonry-show-more").classList.add('d-none');
        }
    }
    
}