function setNativeCookie()
{
 var date = new Date();
   date.setTime(date.getTime()+(300000)); //5mn
   var expires = "; expires="+date.toGMTString();
 document.cookie="native=oui" + expires + ";path=/;";
}

function removeNative(itemsNative)
{
    itemsNative.forEach(itemNative => {
        itemNative.remove();
    });
}

if(document.cookie.indexOf("native")<=-1)
{
    var text = '{\"0\":{\"elementInnerHtml\":\"<div style=\\\"width: 150px; height: 225px;\\\"><div class=\\\"relpost-block-single-image\\\" alt=\\\"Mec tr\\u00e8s muscl\\u00e9 cherche son prochain plan baise\\\"  style=\\\"background: transparent url(https:\\/\\/www.planhomo.com\\/wp-content\\/uploads\\/2017\\/12\\/gay-marseille-6-200x200.jpg) no-repeat scroll 0% 0%; width: 150px; height: 150px;\\\"><\\/div><div class=\\\"relpost-block-single-text\\\"  style=\\\"font-family: Arial;  font-size: 12px;  color: #333333;\\\">Mec tr\\u00e8s muscl\\u00e9 cherche son prochain plan baise<\\/div><\\/div>\\n\",\"guid\":\"https:\\/\\/www.planhomo.com\\/mec-tres-muscle-cherche-son-prochain-plan-baise\\/?nodisc=1&utm_source=francegay.net&utm_medium=NATIVE&utm_campaign=pin&utm_content=single\"},\"1\":{\"elementInnerHtml\":\"<div style=\\\"width: 150px; height: 225px;\\\"><div class=\\\"relpost-block-single-image\\\" alt=\\\"Mec de 20 ans cherche une exp\\u00e9rience s\\u00e9rieuse\\\"  style=\\\"background: transparent url(https:\\/\\/www.planhomo.com\\/wp-content\\/uploads\\/2017\\/12\\/gay-lyon-1-200x200.jpg) no-repeat scroll 0% 0%; width: 150px; height: 150px;\\\"><\\/div><div class=\\\"relpost-block-single-text\\\"  style=\\\"font-family: Arial;  font-size: 12px;  color: #333333;\\\">Mec de 20 ans cherche une exp\\u00e9rience s\\u00e9rieuse<\\/div><\\/div>\\n\",\"guid\":\"https:\\/\\/www.planhomo.com\\/mec-de-20-ans-cherche-une-experience-serieuse\\/?nodisc=1&utm_source=francegay.net&utm_medium=NATIVE&utm_campaign=pin&utm_content=single\"},\"2\":{\"elementInnerHtml\":\"<div style=\\\"width: 150px; height: 225px;\\\"><div class=\\\"relpost-block-single-image\\\" alt=\\\"Mec TTBM de 30 ans veut un plan sexe\\\"  style=\\\"background: transparent url(https:\\/\\/www.planhomo.com\\/wp-content\\/uploads\\/2017\\/12\\/gay-guyane-13-200x200.jpg) no-repeat scroll 0% 0%; width: 150px; height: 150px;\\\"><\\/div><div class=\\\"relpost-block-single-text\\\"  style=\\\"font-family: Arial;  font-size: 12px;  color: #333333;\\\">Mec TTBM de 30 ans veut un plan sexe<\\/div><\\/div>\\n\",\"guid\":\"https:\\/\\/www.planhomo.com\\/mec-ttbm-de-30-ans-veut-un-plan-sexe\\/?nodisc=1&utm_source=francegay.net&utm_medium=NATIVE&utm_campaign=pin&utm_content=single\"},\"3\":{\"elementInnerHtml\":\"<div style=\\\"width: 150px; height: 225px;\\\"><div class=\\\"relpost-block-single-image\\\" alt=\\\"Thomas cherche un vrai plan cul pour se r\\u00e9compenser\\\"  style=\\\"background: transparent url(https:\\/\\/www.planhomo.com\\/wp-content\\/uploads\\/2017\\/12\\/gay-besancon-12-200x200.jpg) no-repeat scroll 0% 0%; width: 150px; height: 150px;\\\"><\\/div><div class=\\\"relpost-block-single-text\\\"  style=\\\"font-family: Arial;  font-size: 12px;  color: #333333;\\\">Thomas cherche un vrai plan cul pour se r\\u00e9compenser<\\/div><\\/div>\\n\",\"guid\":\"https:\\/\\/www.planhomo.com\\/thomas-cherche-un-vrai-plan-cul-pour-se-recompenser\\/?nodisc=1&utm_source=francegay.net&utm_medium=NATIVE&utm_campaign=pin&utm_content=single\"},\"4\":{\"elementInnerHtml\":\"<div style=\\\"width: 150px; height: 225px;\\\"><div class=\\\"relpost-block-single-image\\\" alt=\\\"H\\u00e9t\\u00e9ro puceau cherche \\u00e0 se faire d\\u00e9puceler du cul\\\"  style=\\\"background: transparent url(https:\\/\\/www.planhomo.com\\/wp-content\\/uploads\\/2017\\/12\\/gay-grenoble-3-200x200.jpg) no-repeat scroll 0% 0%; width: 150px; height: 150px;\\\"><\\/div><div class=\\\"relpost-block-single-text\\\"  style=\\\"font-family: Arial;  font-size: 12px;  color: #333333;\\\">H\\u00e9t\\u00e9ro puceau cherche \\u00e0 se faire d\\u00e9puceler du cul<\\/div><\\/div>\\n\",\"guid\":\"https:\\/\\/www.planhomo.com\\/hetero-puceau-cherche-a-se-faire-depuceler-du-cul\\/?nodisc=1&utm_source=francegay.net&utm_medium=NATIVE&utm_campaign=pin&utm_content=single\"},\"5\":{\"elementInnerHtml\":\"<div style=\\\"width: 150px; height: 225px;\\\"><div class=\\\"relpost-block-single-image\\\" alt=\\\"Jeune pompeur de 18 ans, \\u00e9tudiant cherche son sexfriend contact rapide par whatsapp\\\"  style=\\\"background: transparent url(https:\\/\\/www.planhomo.com\\/wp-content\\/uploads\\/2021\\/10\\/ptit-keum-18a-etudiant-ch-son-sexfriend-contact-whatsapp-pr-plan-rapide-200x200.jpeg) no-repeat scroll 0% 0%; width: 150px; height: 150px;\\\"><\\/div><div class=\\\"relpost-block-single-text\\\"  style=\\\"font-family: Arial;  font-size: 12px;  color: #333333;\\\">Jeune pompeur de 18 ans, \\u00e9tudiant cherche son sexfriend contact rapide par whatsapp<\\/div><\\/div>\\n\",\"guid\":\"https:\\/\\/www.planhomo.com\\/pompeur-18-ans-etudiant-cherche-sexfriend-contact-rapide-whatsapp\\/?nodisc=1&utm_source=francegay.net&utm_medium=NATIVE&utm_campaign=pin&utm_content=single\"},\"6\":{\"elementInnerHtml\":\"<div style=\\\"width: 150px; height: 225px;\\\"><div class=\\\"relpost-block-single-image\\\" alt=\\\"Axel, bisexuel voudrait un plan cul rapide avec un mec plus \\u00e2g\\u00e9\\\"  style=\\\"background: transparent url(https:\\/\\/www.planhomo.com\\/wp-content\\/uploads\\/2017\\/12\\/gay-avignon-8-200x200.jpg) no-repeat scroll 0% 0%; width: 150px; height: 150px;\\\"><\\/div><div class=\\\"relpost-block-single-text\\\"  style=\\\"font-family: Arial;  font-size: 12px;  color: #333333;\\\">Axel, bisexuel voudrait un plan cul rapide avec un mec plus \\u00e2g\\u00e9<\\/div><\\/div>\\n\",\"guid\":\"https:\\/\\/www.planhomo.com\\/axel-bisexuel-voudrait-un-plan-cul-rapide-avec-un-mec-plus-age\\/?nodisc=1&utm_source=francegay.net&utm_medium=NATIVE&utm_campaign=pin&utm_content=single\"},\"7\":{\"elementInnerHtml\":\"<div style=\\\"width: 150px; height: 225px;\\\"><div class=\\\"relpost-block-single-image\\\" alt=\\\"Mec seul cherche \\u00e0 se faire des connaissances\\\"  style=\\\"background: transparent url(https:\\/\\/www.planhomo.com\\/wp-content\\/uploads\\/2017\\/12\\/gay-nice-11-200x200.jpg) no-repeat scroll 0% 0%; width: 150px; height: 150px;\\\"><\\/div><div class=\\\"relpost-block-single-text\\\"  style=\\\"font-family: Arial;  font-size: 12px;  color: #333333;\\\">Mec seul cherche \\u00e0 se faire des connaissances<\\/div><\\/div>\\n\",\"guid\":\"https:\\/\\/www.planhomo.com\\/mec-seul-cherche-a-se-faire-des-connaissances\\/?nodisc=1&utm_source=francegay.net&utm_medium=NATIVE&utm_campaign=pin&utm_content=single\"},\"8\":{\"elementInnerHtml\":\"<div style=\\\"width: 150px; height: 225px;\\\"><div class=\\\"relpost-block-single-image\\\" alt=\\\"Jeune \\u00e9tudiant dispo le vendredi soir pour un rdv baise\\\"  style=\\\"background: transparent url(https:\\/\\/www.planhomo.com\\/wp-content\\/uploads\\/2017\\/12\\/gay-paris-11-200x200.jpg) no-repeat scroll 0% 0%; width: 150px; height: 150px;\\\"><\\/div><div class=\\\"relpost-block-single-text\\\"  style=\\\"font-family: Arial;  font-size: 12px;  color: #333333;\\\">Jeune \\u00e9tudiant dispo le vendredi soir pour un rdv baise<\\/div><\\/div>\\n\",\"guid\":\"https:\\/\\/www.planhomo.com\\/jeune-etudiant-de-23-ans-dispo-le-vendredi-soir\\/?nodisc=1&utm_source=francegay.net&utm_medium=NATIVE&utm_campaign=pin&utm_content=single\"},\"9\":{\"elementInnerHtml\":\"<div style=\\\"width: 150px; height: 225px;\\\"><div class=\\\"relpost-block-single-image\\\" alt=\\\"Mec un peu perdu cherche un plan baise\\\"  style=\\\"background: transparent url(https:\\/\\/www.planhomo.com\\/wp-content\\/uploads\\/2017\\/12\\/gay-annecy-15-200x200.jpg) no-repeat scroll 0% 0%; width: 150px; height: 150px;\\\"><\\/div><div class=\\\"relpost-block-single-text\\\"  style=\\\"font-family: Arial;  font-size: 12px;  color: #333333;\\\">Mec un peu perdu cherche un plan baise<\\/div><\\/div>\\n\",\"guid\":\"https:\\/\\/www.planhomo.com\\/mec-un-peu-perdu-cherche-un-plan-baise\\/?nodisc=1&utm_source=francegay.net&utm_medium=NATIVE&utm_campaign=pin&utm_content=single\"}}';
    var content = 'single';
    var data = JSON.parse(text);

    Object.size = function(obj) {
        var size = 0, key;
        for (key in obj) {
            if (obj.hasOwnProperty(key)) size++;
        }
        return size;
    };
    
    var size = Object.size(data);
  var newItem = [];
for(i=0; i<size; i++)
{
    if( content == 'listing')
    {
        newItem[i] = document.createElement("ARTICLE");
        newItem[i].setAttribute('class','post-999999 post type-post status-publish format-standard has-post-thumbnail hentry');
        newItem[i].setAttribute('id','post-99999999');
    }else
    {
        newItem[i] = document.createElement("A");
        newItem[i].setAttribute('class','relpost-block-single');
        newItem[i].setAttribute('href', data[i]['guid']);
        newItem[i].setAttribute('target','_blank');
        newItem[i].setAttribute('rel','noopener nofollow');
    }
    console.log(data[i]);
    newItem[i].innerHTML=data[i]['elementInnerHtml'];

    newItem[i].setAttribute('data-native','true');
}

if( content == 'listing')
{
    var articles = document.getElementsByClassName('liste-posts')[0].getElementsByTagName('article');

    var positions = [1, 3, 5, 7, 9, 11, 13, 15, 17, 19];
}else
{
    var articles = document.getElementsByClassName("relpost-block-container")[0].getElementsByTagName('a');

    var positions = [1, 2, 3, 4];
}

for(j=0; j<positions.length; j++)
{
    articles[0].parentNode.insertBefore(newItem[j], articles[positions[j]+j]);
}
}

if( content == 'listing')
{
    var itemsNative = document.querySelectorAll('article[data-native="true"]');
}else
{
    var itemsNative = document.querySelectorAll('a[data-native="true"]');
}

itemsNative.forEach(itemNative => {
    itemNative.addEventListener('click', function(){
        setNativeCookie();
    });
});