var chatListDay = [{"id":"5","chat_id":"0","chat_name":"greys-anatomy.html","name":"Чат - Анатомия страсти","logo":"https:\/\/imgs.su\/upload\/306\/209475788.gif","col":"33","col_week":"680","week_d":"0"},{"id":"21","chat_id":"0","chat_name":"empireofpassion.html","name":"Чат - Империя Страсти","logo":"https:\/\/vmfile.com\/upload\/867\/848317831.gif","col":"9","col_week":"120","week_d":"0"},{"id":"23","chat_id":"0","chat_name":"vertigo.html","name":"Чат - Vertigo","logo":"https:\/\/d.zaix.ru\/SNGV.png","col":"3","col_week":"34","week_d":"0"},{"id":"7","chat_id":"0","chat_name":"darkparadise.html","name":"Чат - Темный рай","logo":"https:\/\/d.zaix.ru\/TaMN.gif","col":"2","col_week":"184","week_d":"0"},{"id":"14","chat_id":"0","chat_name":"bdsmsochi.html","name":"Чат - Табу","logo":"https:\/\/chat-august4u.ru\/bdsmsochi.html","col":"2","col_week":"48","week_d":"0"},{"id":"45","chat_id":"0","chat_name":"yourfantazy.html","name":"Чат - Твоя Фантазия","logo":"https:\/\/imgfy.ru\/ib\/tfj8L64elT3mt4G_1784623265.gif","col":"2","col_week":"88","week_d":"0"},{"id":"4","chat_id":"0","chat_name":"byaka.html","name":"Чат - Верность","logo":"https:\/\/imgs.su\/upload\/176\/2787186761.gif","col":"1","col_week":"128","week_d":"0"},{"id":"6","chat_id":"0","chat_name":"inferno.html","name":"Чат - INFERNO (BDSM)","logo":"https:\/\/i.postimg.cc\/3xkFHhTj\/IMG-3882.gif","col":"1","col_week":"23","week_d":"0"},{"id":"12","chat_id":"0","chat_name":"black-ruby.html","name":"Чат - Чёрный рубин (BDSM)","logo":"https:\/\/d.zaix.ru\/Sido.png","col":"1","col_week":"30","week_d":"0"},{"id":"24","chat_id":"0","chat_name":"friendshipcolagum.html","name":"Чат - Дружба!Кола!Жвачка!","logo":"https:\/\/vmfile.com\/upload\/849\/1111429765.gif","col":"1","col_week":"39","week_d":"0"}];var chatListWeek = [{"id":"5","chat_id":"0","chat_name":"greys-anatomy.html","name":"Чат - Анатомия страсти","logo":"https:\/\/imgs.su\/upload\/306\/209475788.gif","col":"33","col_week":"680","week_d":"0"},{"id":"21","chat_id":"0","chat_name":"empireofpassion.html","name":"Чат - Империя Страсти","logo":"https:\/\/vmfile.com\/upload\/867\/848317831.gif","col":"9","col_week":"120","week_d":"0"},{"id":"23","chat_id":"0","chat_name":"vertigo.html","name":"Чат - Vertigo","logo":"https:\/\/d.zaix.ru\/SNGV.png","col":"3","col_week":"34","week_d":"0"},{"id":"7","chat_id":"0","chat_name":"darkparadise.html","name":"Чат - Темный рай","logo":"https:\/\/d.zaix.ru\/TaMN.gif","col":"2","col_week":"184","week_d":"0"},{"id":"14","chat_id":"0","chat_name":"bdsmsochi.html","name":"Чат - Табу","logo":"https:\/\/chat-august4u.ru\/bdsmsochi.html","col":"2","col_week":"48","week_d":"0"},{"id":"45","chat_id":"0","chat_name":"yourfantazy.html","name":"Чат - Твоя Фантазия","logo":"https:\/\/imgfy.ru\/ib\/tfj8L64elT3mt4G_1784623265.gif","col":"2","col_week":"88","week_d":"0"},{"id":"4","chat_id":"0","chat_name":"byaka.html","name":"Чат - Верность","logo":"https:\/\/imgs.su\/upload\/176\/2787186761.gif","col":"1","col_week":"128","week_d":"0"},{"id":"6","chat_id":"0","chat_name":"inferno.html","name":"Чат - INFERNO (BDSM)","logo":"https:\/\/i.postimg.cc\/3xkFHhTj\/IMG-3882.gif","col":"1","col_week":"23","week_d":"0"},{"id":"12","chat_id":"0","chat_name":"black-ruby.html","name":"Чат - Чёрный рубин (BDSM)","logo":"https:\/\/d.zaix.ru\/Sido.png","col":"1","col_week":"30","week_d":"0"},{"id":"24","chat_id":"0","chat_name":"friendshipcolagum.html","name":"Чат - Дружба!Кола!Жвачка!","logo":"https:\/\/vmfile.com\/upload\/849\/1111429765.gif","col":"1","col_week":"39","week_d":"0"}];var cat = 'day';
//<script>
function initData(data, cat = "col") {
  var img = `<a data-testid="linkElement" href="./gentlesunset" target="_self" class="StylableButton1196941481__root style-kivwdjwk__root StylableButton1196941481__link" aria-label="" aria-haspopup="true"><div class="StylableButton1196941481__container"><span class="StylableButton1196941481__icon" aria-hidden="true"><div>
            <svg data-bbox="20 36 160 128" xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" data-type="shape">
              <g>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M39 124l-9-57c-5.927-2.344-10-8.24-10-15 0-8.837 7.163-16 16-16s16 7.163 16 16c0 7.208-4.448 12.998-11 15 9.486 16.32 51 24 51-1-5.055-2.689-8-7.875-8-14 0-8.837 7.163-16 16-16s16 7.163 16 16c0 6.125-2.945 11.311-8 14 0 27 41.514 17.32 51 1-6.552-2.002-11-7.792-11-15 0-8.837 7.163-16 16-16s16 7.163 16 16c0 6.76-4.073 12.656-10 15l-9 57H39zm2 16h118l-3 24H45l-4-24z"></path>
              </g>
            </svg>
            </div></span></div></a>`;
  data.forEach(function(chat){
    var img = "<a href='./"+chat["chat_name"]+"'><img src='"+chat["logo"]+"'></a>";
    var name = chat["name"] != "" ? chat["name"] : chat["chat_name"];
    var chat_name = chat["chat_name"];
    var tr = `<tr>
       <!-- <td class="chatImg">
        <div>
          ${img}
        </div>
        </td>-->
      <!--  <td class="chatName" style="width:50px; font-size:20px; vertical-align:middle; /*padding-left:5px; line-height:1.1em;*/font-size:12px">-->
        <div> » <a href='./${chat_name}'>${name}</a> ${chat[cat]}</div>
       <!--   </td>
      <td class="chatVote" style=" vertical-align:middle;/* padding-left:10px; line-height:1.1em;*/font-size:12px">
          ${chat[cat]}
        </td>
      </tr>-->`;
    document.querySelector(".vote").insertAdjacentHTML("beforeEnd", tr);
  });
}

document.addEventListener('DOMContentLoaded', function(){
  if(cat == "day"){
    document.querySelector("body").insertAdjacentHTML("afterBegin",`
      <div>
        <table id="voteChatListcol">
          <tbody">
          </tbody>
        </table>
      </div>`);
    initData(chatListDay, "col");
  }
  else if(cat == "week"){
    document.querySelector("body").insertAdjacentHTML("afterBegin",`
      <div>
        <table id="voteChatListcol_week">
          <tbody style="color:white;">
          </tbody>
        </table>  
      </div>`);
    initData(chatListWeek, "col_week");
  }
  else {
    document.querySelector("body").insertAdjacentHTML("afterBegin",`
      <div>
        Топ за день
        <table id="voteChatListcol">
          <tbody style="color:white;">
          </tbody>
        </table>
        Топ за неделю
        <table id="voteChatListcol_week">
          <tbody style="color:white;">
          </tbody>
        </table>  
      </div>`);
    initData(chatListDay, "col");
    initData(chatListWeek, "col_week");
  }
});
//<script>