function onCreate() {
  mToast();
  mAddSocial();
}

const x = 'AIzaSyB_10d5_xBtU5FN5DWxDiXjmynxo-1wjzc';
const y = 'UCfKb-KTSiRC1fvF1dY-jAVA';
const g = 'Bu Öğe Henüz Tamamlanmadı.';
const b = "https://youtube.com/@fersred.official";
const c = "https://discord.gg/fersredofficial";
const d = "https://t.me/fersredofficial";
const e = "https://www.instagram.com/fersred.official";
const p = "/toolmcfsrd/toolmcfsrd.html";
const q = "/mcpe/mcpe.html";
const r = "/fclient/fclient.html";
const vdc = "/video/video.html";

// Navigation Bar
function mNavBar() {
  var x = document.getElementById("mLinks");
  if (x.style.display === "block") {
    x.style.display = "none";
  } else {
    x.style.display = "block";
  }
}

// Welcome Toast Message
function mToast() {
  var x = document.getElementById("mToast");
  x.className = "show";
  setTimeout(function() {
    x.className = x.className.replace("show", "");
  }, 3000);
}

// Add Social Media Links
function mAddSocial() {
  var a = [b,c,d,e];
  mSocial(a);
}

function mSocial(a) {
  var x = document.getElementsByClassName('mSocial');
  for (var i = 0; i < x.length; i++) {
    x[i].setAttribute('onClick', "window.open('" + a[i] + "');");
  }
}

// Something Personal
let mGetData = () => {
  fetch(`https://www.googleapis.com/youtube/v3/channels?part=statistics&id=${y}&key=${x}`)
    .then(response => response.json())
    .then(data => {
      console.log(data);
      const subscriberCountValue = data.items[0].statistics.subscriberCount;
      const viewCountValue = data.items[0].statistics.viewCount;
      const videoCountValue = data.items[0].statistics.videoCount;
      var visitCount = localStorage.getItem('visitCount') || 0;
      visitCount++;
      localStorage.setItem('visitCount', visitCount);
      alert(`- YouTube Abone Sayısı: ${subscriberCountValue}\n- YouTube İzlenme Sayısı: ${viewCountValue}\n- Toplam Video Sayısı: ${videoCountValue}\n- Toplam Web Sitesi Ziyareti: ${visitCount}`);
    })
    .catch(error => {
      alert(error);
    });
};

// Tool Functions
function toolmcfsrd() {
  setTimeout(function() {
    window.open(p, '_blank')
  }, 10);
}

function mcpe() {
  setTimeout(function() {
    window.open(q, '_blank')
  }, 10);
}

function ferxty() {
  setTimeout(function() {
    window.open(r, '_blank')
  }, 10);
}

function video() {
  setTimeout(function() {
    window.open(vdc, '_blank')
  }, 10);
}

// Load URL
function mLoadUrl(y) {
  var x = document.getElementsByTagName('h4');
  for (var i = 0; i < x.length; i++) {
    x[i].setAttribute('onClick', "window.open('" + atob('aHR0cHM6Ly9hcGkuc2hhcmV1cy5pby9kaXJlY3RfbGluaz9hcGlfa2V5PU12MkU1elJZZ3FnVzVWbVZPdmJwankwY3haOTImcGFnZXM9MyZsaW5rPQ==') + y[i] + "');");
  }
}

// Showtime Function
function mShowtime() {
  var a = new Date();
  var b = a.getHours();
  var c = a.getMinutes();
  var d = a.getSeconds();
  if (b > 24)
  c = addLeadingZero(c);
  d = addLeadingZero(d);
  var f = b + ":" + c + ":" + d;
  document.getElementById("mTime").innerText = f;
}

function addLeadingZero(x) {
  return (x < 10 ? "0" : "") + x;
}

// Dialog Messages
function mAbout() {
  mGetData();
}

function mDonate() {
  alert(g);
}

// Video List Functions
const listview_videos = document.getElementsByClassName("video_list")[0];
let video_size = 0;

function updateVideoList() {
  readFile("video/video_list.json", (data) => {
    const jsonObject = JSON.parse(data);
    const videos = jsonObject.videos;

    while (listview_videos.firstChild)
      listview_videos.removeChild(listview_videos.firstChild);

    for (let i = 0; i < videos.length; i++) {
      const video_id = videos[i].video_id;
      const version = videos[i].version;

      video_size++;

      const data = new VideoData();
      data.video_id = video_id;
      data.version = version;

      listview_videos.appendChild(createVideoElement(data));
    }
  });
}

function createVideoElement(data) {
  var root = document.createElement("div");
  var img = document.createElement("img");

  var title_div = document.createElement("div");
  var tv_title = document.createElement("p");
  var tv_desc = document.createElement("p");

  readFile(generateYoutubeJsonDataUrl(data.video_id), (json) => {
    var jsonData = JSON.parse(json);
    tv_title.textContent = jsonData.title;
    tv_desc.textContent = data.version;

    data.isTitleLoaded = true;
    updateVideoVisibility(data, root);
  });

  img.src = generateThumbnailUrl(data.video_id);
  img.onload = () => {
    data.isThumbnalLoaded = true;
    updateVideoVisibility(data, root);
  };

  root.classList.add("video_item");
  title_div.classList.add("video_title_item");
  img.classList.add("video_img");
  tv_title.classList.add("video_title");
  tv_desc.classList.add("video_desc");

  root.setAttribute("tabIndex", "0");

  title_div.appendChild(tv_title);
  title_div.appendChild(tv_desc);
  root.appendChild(img);
  root.appendChild(title_div)
  openLinkOnClick(root, generateYoutubeLink(data.video_id));
  return root;
}

function updateVideoVisibility(data, root) {
  if (data.isThumbnalLoaded && data.isTitleLoaded)
    root.style.display = "flex";
}

class VideoData {
  constructor() {
    this.video_id = null;
    this.version = null;
    this.isThumbnalLoaded = false;
    this.isTitleLoaded = false;
  }
}

function generateThumbnailUrl(video_id) {
  return `https://img.youtube.com/vi/${video_id}/mqdefault.jpg`;
}

function generateYoutubeJsonDataUrl(video_id) {
  return `https://www.youtube.com/oembed?url=http%3A//youtube.com/watch%3Fv%3D${