// Node.js fs module'ünü Electron ortamında kullan
var fs = null;
var path = null;
try {
  if (typeof require !== "undefined") {
    fs = require("fs");
    path = require("path");
  }
} catch (e) {
  console.log("Node.js modülleri yüklenemedi:", e);
}

// JSON dosyası okuma fonksiyonu
function sonsayfa_json_oku() {
  try {
    if (!fs || !path) {
      console.log("fs veya path modülü bulunamadı");
      return null;
    }

    var jsonPath = path.join(__dirname, "..", "script", "sonsayfa.json");

    if (fs.existsSync(jsonPath)) {
      var data = fs.readFileSync(jsonPath, "utf8");
      var jsonData = JSON.parse(data);
      console.log("sonsayfa.json okundu:", jsonData);
      return jsonData;
    } else {
      console.log("sonsayfa.json dosyası bulunamadı");
      return {};
    }
  } catch (error) {
    console.log("JSON okuma hatası:", error);
    return null;
  }
}

// JSON dosyası yazma fonksiyonu
function sonsayfa_json_yaz(data) {
  try {
    if (!fs || !path) {
      console.log("fs veya path modülü bulunamadı");
      return false;
    }

    var jsonPath = path.join(__dirname, "..", "script", "sonsayfa.json");
    fs.writeFileSync(jsonPath, JSON.stringify(data, null, 2), "utf8");
    console.log("sonsayfa.json yazıldı:", data);
    return true;
  } catch (error) {
    console.log("JSON yazma hatası:", error);
    return false;
  }
}

// JSON dosyasına sayfa bilgisini kaydet
function json_sayfa_kaydet(kitapId, sayfaNo) {
  try {
    var mevcutData = sonsayfa_json_oku() || {};
    mevcutData[kitapId] = sayfaNo;
    return sonsayfa_json_yaz(mevcutData);
  } catch (error) {
    console.log("JSON sayfa kaydetme hatası:", error);
    return false;
  }
}

// JSON dosyasından sayfa bilgisini oku
function json_sayfa_oku(kitapId) {
  try {
    var data = sonsayfa_json_oku();
    if (data && data[kitapId] !== undefined) {
      return parseInt(data[kitapId]);
    }
    return null;
  } catch (error) {
    console.log("JSON sayfa okuma hatası:", error);
    return null;
  }
}

let canvas;
var bos_sayfa_canvas;
var boyut;
let canvas_olusturuldu_mu = 0;
var cizim_ekran_genislik = 1000;
var cizim_ekran_yukseklik = 1000;
var cizim_kayitlar = [[], []];
var cizim_kayitlar_bos_canvas = [[], []];
var ekran_mod = "sayfa";
var sayfa = 0;
var sayfa_resim_son_src;

// URL'den kitap ID'sini al
var kitapId = "";
try {
  var urlParams = new URLSearchParams(window.location.search);
  kitapId = urlParams.get("kitapId");

  // URL parametresi yoksa path'den almaya çalış
  if (!kitapId) {
    var pathname = window.location.pathname;
    console.log("Pathname:", pathname);

    // Windows ve Linux path'lerini destekle
    var pathParts = pathname.split(/[\/\\]/);
    console.log("Path parts:", pathParts);

    // Path'de 'app' klasörünü bul ve ondan 2 seviye yukarısını al
    var appIndex = pathParts.findIndex((part) => part === "app");
    if (appIndex > 1) {
      kitapId = pathParts[appIndex - 1];
    }
  }

  // Hala bulunamadıysa app klasörünün parent klasörünü kullan
  if (!kitapId) {
    var currentPath = __dirname || ".";
    var pathParts = currentPath.split(/[\/\\]/);
    kitapId = pathParts[pathParts.length - 2] || "default";
  }

  // Boş veya geçersiz değerleri default ile değiştir
  if (!kitapId || kitapId.trim() === "") {
    kitapId = "default";
  }

  console.log("Belirlenen kitapId:", kitapId);
} catch (e) {
  kitapId = "default";
  console.log("Kitap ID alınamadı, default kullanılıyor:", e);
}

// Son sayfa bilgisini localStorage'dan yükle
// Son sayfa bilgisini JSON dosyasından yükle
function son_sayfa_yukle() {
  try {
    console.log("JSON dosyasından son sayfa yükleniyor...");

    var kaydedilen_sayfa = json_sayfa_oku(kitapId);
    console.log("JSON'dan okunan değer:", kaydedilen_sayfa);

    if (kaydedilen_sayfa !== null && kaydedilen_sayfa !== undefined) {
      var sayfa_numarasi = parseInt(kaydedilen_sayfa);
      console.log("Parse edilen sayfa numarası:", sayfa_numarasi);

      // sayfalar array'inin yüklendiğinden emin ol
      if (typeof sayfalar !== "undefined" && sayfalar && sayfalar.length > 0) {
        if (sayfa_numarasi >= 0 && sayfa_numarasi < sayfalar.length) {
          sayfa = sayfa_numarasi;
          console.log("Son sayfa JSON'dan başarıyla yüklendi:", sayfa);
        } else {
          console.log(
            "Geçersiz sayfa numarası:",
            sayfa_numarasi,
            "Max:",
            sayfalar.length - 1
          );
        }
      } else {
        console.log(
          "Sayfalar array'i henüz yüklenmemiş, son sayfa yüklemesi erteleniyor"
        );
        // Sayfalar yüklenene kadar bekle
        setTimeout(son_sayfa_yukle, 100);
        return;
      }
    } else {
      console.log(
        "JSON'da kaydedilmiş sayfa bulunamadı, localStorage ve cookie'den deneniyor"
      );
      son_sayfa_localStorage_yukle();
    }
  } catch (error) {
    console.log("JSON okuma hatası:", error);
    son_sayfa_localStorage_yukle(); // localStorage'dan yüklemeyi dene
  }
}

// Yedek localStorage'dan son sayfa bilgisini yükle
function son_sayfa_localStorage_yukle() {
  try {
    // LocalStorage erişimini test et
    if (typeof Storage === "undefined" || !window.localStorage) {
      console.log("LocalStorage desteklenmiyor");
      return son_sayfa_cookie_yukle(); // Cookie'den yüklemeyi dene
    }

    // LocalStorage'ın çalışıp çalışmadığını test et
    var testKey = "localStorage_test_" + Date.now();
    localStorage.setItem(testKey, "test");
    var testResult = localStorage.getItem(testKey);
    localStorage.removeItem(testKey);

    if (testResult !== "test") {
      console.log("LocalStorage test başarısız");
      return son_sayfa_cookie_yukle(); // Cookie'den yüklemeyi dene
    }

    var key = "son_sayfa_" + kitapId;
    console.log("LocalStorage anahtarı:", key);

    var kaydedilen_sayfa = localStorage.getItem(key);
    console.log("Okunan değer:", kaydedilen_sayfa);

    if (kaydedilen_sayfa !== null && kaydedilen_sayfa !== undefined) {
      var sayfa_numarasi = parseInt(kaydedilen_sayfa);
      console.log("Parse edilen sayfa numarası:", sayfa_numarasi);

      // sayfalar array'inin yüklendiğinden emin ol
      if (typeof sayfalar !== "undefined" && sayfalar && sayfalar.length > 0) {
        if (sayfa_numarasi >= 0 && sayfa_numarasi < sayfalar.length) {
          sayfa = sayfa_numarasi;
          console.log("Son sayfa localStorage'dan başarıyla yüklendi:", sayfa);
          // JSON'a da kaydet ki bir sonraki seferde JSON'dan okunsun
          json_sayfa_kaydet(kitapId, sayfa);
        } else {
          console.log(
            "Geçersiz sayfa numarası:",
            sayfa_numarasi,
            "Max:",
            sayfalar.length - 1
          );
        }
      } else {
        console.log(
          "Sayfalar array'i henüz yüklenmemiş, localStorage yüklemesi erteleniyor"
        );
        // Sayfalar yüklenene kadar bekle
        setTimeout(son_sayfa_localStorage_yukle, 100);
        return;
      }
    } else {
      console.log(
        "LocalStorage'da kaydedilmiş sayfa bulunamadı, cookie'den deneniyor"
      );
      son_sayfa_cookie_yukle();
    }
  } catch (error) {
    console.log("localStorage okuma hatası:", error);
    son_sayfa_cookie_yukle(); // Cookie'den yüklemeyi dene
  }
}

// Cookie'den son sayfa bilgisini yükle (localStorage alternatifi)
function son_sayfa_cookie_yukle() {
  try {
    var cookieName = "son_sayfa_" + kitapId;
    var cookies = document.cookie.split(";");

    for (var i = 0; i < cookies.length; i++) {
      var cookie = cookies[i].trim();
      if (cookie.indexOf(cookieName + "=") === 0) {
        var cookieValue = cookie.substring(cookieName.length + 1);
        var sayfa_numarasi = parseInt(cookieValue);

        console.log("Cookie'den okunan sayfa:", sayfa_numarasi);

        // sayfalar array'inin yüklendiğinden emin ol
        if (
          typeof sayfalar !== "undefined" &&
          sayfalar &&
          sayfalar.length > 0
        ) {
          if (sayfa_numarasi >= 0 && sayfa_numarasi < sayfalar.length) {
            sayfa = sayfa_numarasi;
            console.log("Son sayfa cookie'den başarıyla yüklendi:", sayfa);
          }
        } else {
          console.log(
            "Sayfalar array'i henüz yüklenmemiş, cookie yüklemesi erteleniyor"
          );
          setTimeout(son_sayfa_cookie_yukle, 100);
        }
        break;
      }
    }
  } catch (error) {
    console.log("Cookie okuma hatası:", error);
  }
}

// Sayfa bilgisini localStorage'a kaydet
// Sayfa bilgisini JSON dosyasına kaydet
function son_sayfa_kaydet() {
  try {
    console.log("Sayfa JSON dosyasına kaydediliyor:", sayfa);

    // Önce JSON dosyasına kaydetmeyi dene
    var jsonBasarili = json_sayfa_kaydet(kitapId, sayfa);

    if (jsonBasarili) {
      console.log("Sayfa JSON'a başarıyla kaydedildi:", kitapId, "=", sayfa);
    } else {
      console.log("JSON kaydetme başarısız, localStorage deneniyor");
      son_sayfa_localStorage_kaydet();
    }
  } catch (error) {
    console.log("JSON kaydetme hatası:", error);
    son_sayfa_localStorage_kaydet();
  }
}

// Yedek localStorage'a kaydet fonksiyonu
function son_sayfa_localStorage_kaydet() {
  try {
    // LocalStorage erişimini test et
    if (typeof Storage === "undefined" || !window.localStorage) {
      console.log("LocalStorage desteklenmiyor, sayfa kaydedilemedi");
      return;
    }

    // LocalStorage'ın çalışıp çalışmadığını test et
    var testKey = "localStorage_test_" + Date.now();
    localStorage.setItem(testKey, "test");
    var testResult = localStorage.getItem(testKey);
    localStorage.removeItem(testKey);

    if (testResult !== "test") {
      console.log("LocalStorage test başarısız, sayfa kaydedilemedi");
      return;
    }

    var key = "son_sayfa_" + kitapId;
    localStorage.setItem(key, sayfa);
    console.log("Sayfa localStorage'a kaydedildi:", key, "=", sayfa);

    // Kaydetme işlemini doğrula
    var dogrulama = localStorage.getItem(key);
    if (dogrulama != sayfa) {
      console.log("LocalStorage kaydetme doğrulaması başarısız!");
    } else {
      console.log("LocalStorage kaydetme doğrulandı");
    }
  } catch (error) {
    console.log("localStorage yazma hatası:", error);

    // Alternatif kaydetme yöntemi - cookie kullan
    try {
      var cookieName = "son_sayfa_" + kitapId;
      var expireDate = new Date();
      expireDate.setTime(expireDate.getTime() + 365 * 24 * 60 * 60 * 1000); // 1 yıl
      document.cookie =
        cookieName +
        "=" +
        sayfa +
        "; expires=" +
        expireDate.toUTCString() +
        "; path=/";
      console.log("Sayfa cookie ile kaydedildi:", cookieName, "=", sayfa);
    } catch (cookieError) {
      console.log("Cookie kaydetme de başarısız:", cookieError);
    }
  }
}
let line,
  circle,
  origX,
  origY,
  rectangle,
  triangle,
  triangleStartX,
  triangleStartY;
let mouseDown = false;
let pointer;
var etkinlik_zoom;
var etkinlik_ayarlari;
var etkinlik_sayfa_oran = 0.7;
var secili_renk = "0,0,0";
var secili_renk_kodu = "rgba(0,0,0,1)";
var secili_sekil;
var onceki_arac;
var setup_is_work = 0;
var default_screen_scale = 0.9;
var screen_scale = default_screen_scale;
var birinci_sayfa_icerik_sayac = 0;
var ekran_boyutlari;
var sayfa_resim;
var araclar_surukle;
var sayfa_genislik_orijinal;
var sayfa_yukseklik_orijinal;
var sayfa_yukaridan_bosluk, sayfa_soldan_bosluk;
var araclar_soldan_bosluk, araclar_yukaridan_bosluk;
var sayfa_yukseklik;
var sayfa_genislik;
let ctx;
var sayfa_document;
var alt_menu;
var resimleri_oranla;
var birinci_sayfa_cevap_butonlar_resimler = [];
var birinci_sayfa_yakinlastir_butonlar = [];
var etkinlik;
var secili_arac;
var butonlar_boyut = 13;
var suruklensin_mi = false;
var araclar_suruklensin_mi = false;
var screen_visibility_kapali_sayac = 0;
var sayfa_yukseklik_anlik;
var sayfa_genislik_anlik;
var sayfa_yukseklik_anlik_onceki = 0;
var sayfa_genislik_anlik_onceki = 0;
var responsive_zoom = 1;
var sayfa_yukseklik_ilk;
var araclar_scale_hesapla;
var eski_genislik;
var eski_yukseklik;
var sayfa_oranla_ilk_calisti_mi = 0;
var bos_canvas = null;
var cevaplar_durum = [];
var sayfa_degistir_sayfa = 1;
var sayfa_degistir_sayac = 0;
var araclar_durum = 0;
var onceki_sayfa = 0;
var onceki_etkinlik = 0;
var bos_sayfa_durum = 0;
var onceki_ekran_mod = "sayfa";
var mod_degisti = 0;
var sekil_boyut;
var bos_sayfa_baslangicX,
  bos_sayfa_baslangicY,
  bos_sayfa_suruklensin_mi,
  bos_sayfa_soldan_bosluk = -9000,
  bos_sayfa_yukaridan_bosluk = -9000,
  bos_sayfa_cursorX,
  bos_sayfa_cursorY;
var bos_sayfa_kucult_buyut_oran = 1;
var bos_sayfa_kucult_buyut_oran_ayarlansin_mi;
var bos_sayfa_kucult_buyut_baslangicX;
var bos_sayfa_kucult_buyut_baslangicY;
var bos_sayfa_kucult_buyut_cursorX;
var bos_sayfa_kucult_buyut_cursorY;
var bos_sayfa_kucult_buyut_baslangic_oran;

for (const [cevap_ad, xxx] of Object.entries(cevap_pozisyonlari)) {
  cevaplar_durum[cevap_ad] = 0;
}

for (let index = 0; index < 10000; index++) {
  cizim_kayitlar[0].push([]);
  cizim_kayitlar[1].push([]);
  cizim_kayitlar_bos_canvas[0].push([]);
  cizim_kayitlar_bos_canvas[1].push([]);
}

window.addEventListener("load", () => {
  // Son sayfa bilgisini localStorage'dan yükle
  son_sayfa_yukle();

  canvas = new fabric.Canvas("canvas_cizim", {
    width: 0,
    height: 0,
    selection: false,
  });

  bos_sayfa_canvas = new fabric.Canvas("bos_sayfa_canvas", {
    width: 0,
    height: 0,
    selection: false,
  });

  sayfa_etkinlik_ortala();
  canvas_olusturuldu_mu = 1;
  sayfa_boyutlari_ayarla();
  sayfa_ayarlari();

  canvas.on("mouse:down", startAddingShape);
  canvas.on("mouse:move", startDrawingShape);
  canvas.on("mouse:up", stopDrawingShape);

  bos_sayfa_canvas.on("mouse:down", startAddingShapeBos);
  bos_sayfa_canvas.on("mouse:move", startDrawingShapeBos);
  bos_sayfa_canvas.on("mouse:up", stopDrawingShapeBos);

  function startAddingShapeBos(o) {
    if (secili_arac == "sekil") {
      mouseDown = true;
      pointer = bos_sayfa_canvas.getPointer(o.e);

      sekil_boyut = (boyut / (screen_scale * responsive_zoom) / 100) * 65;

      if (secili_sekil == "cizgi") {
        line = new fabric.Line([pointer.x, pointer.y, pointer.x, pointer.y], {
          stroke: "rgb(" + secili_renk + ")",
          strokeWidth: sekil_boyut,
          selectable: false,
        });
        bos_sayfa_canvas.add(line);
      }

      if (secili_sekil == "ucgen") {
        origX = pointer.x;
        origY = pointer.y;
        triangleStartX = origX;
        triangleStartY = origY;
        triangle = new fabric.Triangle({
          left: origX,
          top: origY,
          width: 0,
          height: 0,
          fill: "",
          stroke: "rgb(" + secili_renk + ")",
          strokeWidth: sekil_boyut,
          cornerColor: "blue",
          angle: 0,
          selectable: false,
        });
        bos_sayfa_canvas.add(triangle);
      }

      if (secili_sekil == "dikdortgen") {
        origX = pointer.x;
        origY = pointer.y;

        rectangle = new fabric.Rect({
          left: origX,
          top: origY,
          fill: "",
          stroke: "rgb(" + secili_renk + ")",
          strokeWidth: sekil_boyut,
          selectable: false,
        });
        bos_sayfa_canvas.add(rectangle);
      }

      if (secili_sekil == "daire") {
        origX = pointer.x;
        origY = pointer.y;
        circle = new fabric.Circle({
          left: origX,
          top: origY,
          originX: "left",
          originY: "top",
          radius: pointer.x - origX,
          angle: 0,
          fill: "",
          stroke: "rgb(" + secili_renk + ")",
          strokeWidth: sekil_boyut,
          selectable: false,
        });
        bos_sayfa_canvas.add(circle);
      }

      bos_sayfa_canvas.renderAll();
    }
  }

  function startDrawingShapeBos(o) {
    if (secili_arac == "sekil" && mouseDown == true) {
      pointer = bos_sayfa_canvas.getPointer(o.e);

      if (secili_sekil == "cizgi") {
        line.set({
          x2: pointer.x,
          y2: pointer.y,
        });
      }

      if (secili_sekil == "ucgen") {
        if (triangleStartX > pointer.x && triangleStartY > pointer.y) {
          triangle.set({
            left: triangleStartX,
            width: triangleStartX - pointer.x,
            height: triangleStartY - pointer.y,
            angle: 180,
          });
        }

        if (triangleStartX < pointer.x && triangleStartY < pointer.y) {
          triangle.set({
            left: triangleStartX,
            width: pointer.x - triangleStartX,
            height: pointer.y - triangleStartY,
            angle: 0,
          });
        }

        if (triangleStartX < pointer.x && triangleStartY > pointer.y) {
          triangle.set({
            left: pointer.x,
            width: pointer.x - triangleStartX,
            height: triangleStartY - pointer.y,
            angle: 180,
          });
        }

        if (triangleStartX > pointer.x && triangleStartY < pointer.y) {
          triangle.set({
            left: pointer.x,
            width: triangleStartX - pointer.x,
            height: pointer.y - triangleStartY,
            angle: 0,
          });
        }
      }

      if (secili_sekil == "dikdortgen") {
        if (origX > pointer.x) {
          rectangle.set({ left: Math.abs(pointer.x) });
        }
        if (origY > pointer.y) {
          rectangle.set({ top: Math.abs(pointer.y) });
        }

        rectangle.set({ width: Math.abs(origX - pointer.x) });
        rectangle.set({ height: Math.abs(origY - pointer.y) });
      }

      if (secili_sekil == "daire") {
        var radius =
          Math.max(Math.abs(origY - pointer.y), Math.abs(origX - pointer.x)) /
          2;
        if (radius > circle.strokeWidth) {
          radius -= circle.strokeWidth / 2;
        }
        circle.set({ radius: radius });
        if (origX > pointer.x) {
          circle.set({ originX: "right" });
        } else {
          circle.set({ originX: "left" });
        }
        if (origY > pointer.y) {
          circle.set({ originY: "bottom" });
        } else {
          circle.set({ originY: "top" });
        }
      }
      bos_sayfa_canvas.renderAll();
    }
  }

  function stopDrawingShapeBos(o) {
    mouseDown = false;
    bos_sayfa_canvas.hoverCursor = "drag";

    if (secili_arac == "sekil") {
      bos_sayfa_canvas.loadFromJSON(JSON.stringify(bos_sayfa_canvas));
    }

    bos_sayfa_canvas.getObjects().forEach((o) => {
      o.set({
        selectable: false,
      });
    });
    bos_sayfa_canvas.renderAll();
  }

  function startAddingShape(o) {
    if (secili_arac == "sekil") {
      mouseDown = true;
      pointer = canvas.getPointer(o.e);

      if (ekran_mod == "sayfa") {
        sekil_boyut = (boyut / (screen_scale * responsive_zoom) / 100) * 65;
      } else if (ekran_mod == "etkinlik") {
        sekil_boyut =
          (boyut / (screen_scale * responsive_zoom * etkinlik_zoom) / 100) * 85;
      }

      if (secili_sekil == "cizgi") {
        line = new fabric.Line([pointer.x, pointer.y, pointer.x, pointer.y], {
          stroke: "rgb(" + secili_renk + ")",
          strokeWidth: sekil_boyut,
          selectable: false,
        });
        canvas.add(line);
      }

      if (secili_sekil == "ucgen") {
        origX = pointer.x;
        origY = pointer.y;
        triangleStartX = origX;
        triangleStartY = origY;
        triangle = new fabric.Triangle({
          left: origX,
          top: origY,
          width: 0,
          height: 0,
          fill: "",
          stroke: "rgb(" + secili_renk + ")",
          strokeWidth: sekil_boyut,
          cornerColor: "blue",
          angle: 0,
          selectable: false,
        });
        canvas.add(triangle);
      }

      if (secili_sekil == "dikdortgen") {
        origX = pointer.x;
        origY = pointer.y;

        rectangle = new fabric.Rect({
          left: origX,
          top: origY,
          fill: "",
          stroke: "rgb(" + secili_renk + ")",
          strokeWidth: sekil_boyut,
          selectable: false,
        });
        canvas.add(rectangle);
      }

      if (secili_sekil == "daire") {
        origX = pointer.x;
        origY = pointer.y;
        circle = new fabric.Circle({
          left: origX,
          top: origY,
          originX: "left",
          originY: "top",
          radius: pointer.x - origX,
          angle: 0,
          fill: "",
          stroke: "rgb(" + secili_renk + ")",
          strokeWidth: sekil_boyut,
          selectable: false,
        });
        canvas.add(circle);
      }

      canvas.renderAll();
    }
  }

  function startDrawingShape(o) {
    if (secili_arac == "sekil" && mouseDown == true) {
      pointer = canvas.getPointer(o.e);

      if (secili_sekil == "cizgi") {
        line.set({
          x2: pointer.x,
          y2: pointer.y,
        });
      }

      if (secili_sekil == "ucgen") {
        if (triangleStartX > pointer.x && triangleStartY > pointer.y) {
          triangle.set({
            left: triangleStartX,
            width: triangleStartX - pointer.x,
            height: triangleStartY - pointer.y,
            angle: 180,
          });
        }

        if (triangleStartX < pointer.x && triangleStartY < pointer.y) {
          triangle.set({
            left: triangleStartX,
            width: pointer.x - triangleStartX,
            height: pointer.y - triangleStartY,
            angle: 0,
          });
        }

        if (triangleStartX < pointer.x && triangleStartY > pointer.y) {
          triangle.set({
            left: pointer.x,
            width: pointer.x - triangleStartX,
            height: triangleStartY - pointer.y,
            angle: 180,
          });
        }

        if (triangleStartX > pointer.x && triangleStartY < pointer.y) {
          triangle.set({
            left: pointer.x,
            width: triangleStartX - pointer.x,
            height: pointer.y - triangleStartY,
            angle: 0,
          });
        }
      }

      if (secili_sekil == "dikdortgen") {
        if (origX > pointer.x) {
          rectangle.set({ left: Math.abs(pointer.x) });
        }
        if (origY > pointer.y) {
          rectangle.set({ top: Math.abs(pointer.y) });
        }

        rectangle.set({ width: Math.abs(origX - pointer.x) });
        rectangle.set({ height: Math.abs(origY - pointer.y) });
      }

      if (secili_sekil == "daire") {
        var radius =
          Math.max(Math.abs(origY - pointer.y), Math.abs(origX - pointer.x)) /
          2;
        if (radius > circle.strokeWidth) {
          radius -= circle.strokeWidth / 2;
        }
        circle.set({ radius: radius });
        if (origX > pointer.x) {
          circle.set({ originX: "right" });
        } else {
          circle.set({ originX: "left" });
        }
        if (origY > pointer.y) {
          circle.set({ originY: "bottom" });
        } else {
          circle.set({ originY: "top" });
        }
      }
      canvas.renderAll();
    }
  }

  function stopDrawingShape(o) {
    mouseDown = false;
    canvas.hoverCursor = "drag";

    if (secili_arac == "sekil") {
      canvas.loadFromJSON(JSON.stringify(canvas));
    }

    canvas.getObjects().forEach((o) => {
      o.set({
        selectable: false,
      });
    });
    canvas.renderAll();
  }
});

function sayfa_gorunurluk(sayfa_visibility) {
  document.querySelector("#screen").style.visibility = sayfa_visibility;
}

function ekran_mod_degisti(gelen_mod = null) {
  screen_scale = default_screen_scale;
  sayfa_gorunurluk("hidden");
  if (gelen_mod != null) {
    ekran_mod = gelen_mod;
  }

  if (ekran_mod == "sayfa") {
    mod_degisti = 1;
    while (document.getElementById("etkinlik").childNodes.length > 2) {
      document
        .getElementById("etkinlik")
        .removeChild(document.getElementById("etkinlik").lastChild);
    }
    document.getElementById("etkinlik").classList.add("gizli");
    document.getElementById("page_1").classList.remove("gizli");
  } else if (ekran_mod == "etkinlik") {
    document.getElementById("etkinlik").classList.remove("gizli");
    document.getElementById("page_1").classList.add("gizli");
  }
  if (ekran_mod == "sayfa") {
    sayfa_gorunurluk("visible");
  }
  sayfa_ayarlari();
}

function cizim_degistir() {
  var cd_array_sorgu = [];

  if (ekran_mod == "sayfa") {
    cd_array_sorgu[0] = 0;
    cd_array_sorgu[1] = sayfa;
  } else if (ekran_mod == "etkinlik") {
    cd_array_sorgu[0] = 1;
    cd_array_sorgu[1] = etkinlik;
  }

  var cd_array_uzunluk = cizim_kayitlar[cd_array_sorgu[0]][cd_array_sorgu[1]];
  if (cd_array_uzunluk.length > 0) {
    canvas.loadFromJSON(
      cizim_kayitlar[cd_array_sorgu[0]][cd_array_sorgu[1]][
        cizim_kayitlar[cd_array_sorgu[0]][cd_array_sorgu[1]].length - 1
      ]
    );
    bos_sayfa_canvas.loadFromJSON(
      cizim_kayitlar_bos_canvas[cd_array_sorgu[0]][cd_array_sorgu[1]][
        cizim_kayitlar[cd_array_sorgu[0]][cd_array_sorgu[1]].length - 1
      ]
    );
  } else {
    canvas.clear();
    bos_sayfa_canvas.clear();
  }

  canvas.getObjects().forEach((o) => {
    o.set({
      selectable: false,
    });
  });

  screen_scale = default_screen_scale;
}

function kalem_silgi_boyut_ayarla() {
  if (ekran_mod == "sayfa") {
    canvas.freeDrawingBrush.width = boyut;
  } else if (ekran_mod == "etkinlik") {
    canvas.freeDrawingBrush.width =
      boyut / (etkinlik_zoom * screen_scale * responsive_zoom);
  }
  bos_sayfa_canvas.freeDrawingBrush.width = boyut;
}

function boyut_sec(gelen_boyut) {
  document.getElementById("boyut").value = gelen_boyut;
  boyut = parseInt(gelen_boyut);
  kalem_silgi_boyut_ayarla();
}

function kalem_modu() {
  boyut_degistir();
  canvas.freeDrawingBrush = new fabric.PencilBrush(canvas);
  kalem_silgi_boyut_ayarla();
  canvas.freeDrawingBrush.color = secili_renk_kodu
    ? secili_renk_kodu
    : "rgba(0,0,0,1)";
  canvas.isDrawingMode = true;

  bos_sayfa_canvas.freeDrawingBrush = new fabric.PencilBrush(bos_sayfa_canvas);
  kalem_silgi_boyut_ayarla();
  bos_sayfa_canvas.freeDrawingBrush.color = secili_renk_kodu
    ? secili_renk_kodu
    : "rgba(0,0,0,1)";
  bos_sayfa_canvas.isDrawingMode = true;
}

function silgi_modu() {
  boyut_degistir();
  canvas.freeDrawingBrush = new fabric.EraserBrush(canvas);
  kalem_silgi_boyut_ayarla();
  canvas.isDrawingMode = true;

  bos_sayfa_canvas.freeDrawingBrush = new fabric.EraserBrush(bos_sayfa_canvas);
  kalem_silgi_boyut_ayarla();
  bos_sayfa_canvas.isDrawingMode = true;
}

function arac_sec(arac) {
  onceki_arac = secili_arac;
  secili_arac = arac;
  arac_ayar();
}

function renk_sec(renk_kodu) {
  secili_renk = renk_kodu;

  if (secili_arac == "isaretleyici") {
    secili_renk_kodu = "rgba(" + secili_renk + ",0.25)";
  }
  if (secili_arac == "kalem") {
    secili_renk_kodu = "rgba(" + secili_renk + ", 1)";
  }

  if (secili_arac == "sekil") {
    canvas.freeDrawingBrush.color = "rgba(0,0,0,0)";
    bos_sayfa_canvas.freeDrawingBrush.color = "rgba(0,0,0,0)";
    canvas.isDrawingMode = false;
    bos_sayfa_canvas.isDrawingMode = false;
  } else {
    canvas.freeDrawingBrush.color = secili_renk_kodu
      ? secili_renk_kodu
      : "rgba(0,0,0,1)";
    bos_sayfa_canvas.freeDrawingBrush.color = secili_renk_kodu
      ? secili_renk_kodu
      : "rgba(0,0,0,1)";
  }
}

function sekil_sec(sekil) {
  kalem_modu();
  secili_sekil = sekil;
  arac_sec("sekil");
}

function arac_ayar() {
  if (secili_arac == "kaydir") {
    document.getElementById("ekran_surukle").style.display = "block";
  } else {
    document.getElementById("ekran_surukle").style.display = "none";
  }

  if (secili_arac == "kalem") {
    kalem_modu();
    renk_sec(secili_renk);
    araclar_toggle("kalem_kutu");
  }

  if (secili_arac == "isaretleyici") {
    kalem_modu();
    renk_sec(secili_renk);
  }

  if (secili_arac == "silgi") {
    silgi_modu();
    araclar_toggle("silgi_kutu");
  }

  if (secili_arac == "sekil") {
    canvas.isDrawingMode = false;
    bos_sayfa_canvas.isDrawingMode = false;
  }
}

function araclar_toggle(toggle_class) {
  let kutular = [
    "renkler_kutu",
    "boyut_kutu",
    "sekiller_kutu",
    "kalem_kutu",
    "silgi_kutu",
  ];
  for (let index = 0; index < kutular.length; index++) {
    let kutu = document.querySelector("." + kutular[index]);
    if (toggle_class == kutular[index]) {
      kutu.classList.toggle("gizli");
    } else {
      if (!kutu.classList.contains("gizli")) {
        kutu.classList.toggle("gizli");
      }
    }
  }
}

function araclar_hepsini_gizle() {
  let kutular = [
    "renkler_kutu",
    "boyut_kutu",
    "sekiller_kutu",
    "kalem_kutu",
    "silgi_kutu",
  ];
  let gizlenmicek_classlar = [];
  for (let index = 0; index < kutular.length; index++) {
    let kutu = document.querySelector("." + kutular[index]);
    if (!kutu.classList.contains("gizli")) {
      kutu.classList.add("gizli");
    }
  }
}

function boyut_degistir() {
  boyut = document.getElementById("boyut").value;
  boyut = parseInt(boyut);
  kalem_silgi_boyut_ayarla();
  if (secili_arac == "sekil") {
    arac_sec("sekil");
  }
}

function sayfa_etkinlik_ortala() {
  var sayfa_alan_yukseklik =
    ekran_boyutlari.clientHeight -
    document.querySelector(".alt_menu").clientHeight * responsive_zoom;

  if (ekran_mod == "sayfa") {
    var soldan_bosluk_hesapla =
      (ekran_boyutlari.clientWidth -
        (sayfa_resim.naturalWidth / resimleri_oranla) *
          screen_scale *
          responsive_zoom) /
      2;
    var yukaridan_bosluk_hesapla =
      (sayfa_alan_yukseklik -
        (sayfa_resim.naturalHeight / resimleri_oranla) *
          screen_scale *
          responsive_zoom) /
      2;
    sayfa_yukaridan_bosluk = yukaridan_bosluk_hesapla;
    sayfa_soldan_bosluk = soldan_bosluk_hesapla;
  }

  if (ekran_mod == "etkinlik") {
    var soldan_bosluk_hesapla =
      (ekran_boyutlari.clientWidth -
        document.getElementById("etkinlik_canvas").clientWidth *
          (screen_scale * etkinlik_zoom * responsive_zoom)) /
      2;
    var yukaridan_bosluk_hesapla =
      (sayfa_alan_yukseklik -
        document.getElementById("etkinlik_canvas").clientHeight *
          (screen_scale * etkinlik_zoom * responsive_zoom)) /
      2;
    sayfa_yukaridan_bosluk = yukaridan_bosluk_hesapla;
    sayfa_soldan_bosluk = soldan_bosluk_hesapla;
  }

  sayfa_bosluk_ayarla();
}

function sayfa_bosluk_ayarla() {
  sayfa_document.style.left = Math.ceil(sayfa_soldan_bosluk) + "px";
  sayfa_document.style.top = Math.ceil(sayfa_yukaridan_bosluk) + "px";
  bos_sayfa_surukle_div.style.left = bos_sayfa_soldan_bosluk + "px";
  bos_sayfa_surukle_div.style.top = bos_sayfa_yukaridan_bosluk + "px";
}

function settings_setup() {
  ekran_boyutlari = document.getElementById("ekran_boyutlari");
  sayfa_resim = document.querySelector("#sayfa_resim");
  alt_menu = document.querySelector(".alt_menu");
  sayfa_document = document.querySelector(".screen");
  sayfa_resim.height = ekran_boyutlari.clientHeight;
  sayfa_genislik_anlik_onceki = ekran_boyutlari.clientWidth;
  sayfa_yukseklik_anlik_onceki = ekran_boyutlari.clientHeight;
  sayfa_genislik_anlik = ekran_boyutlari.clientWidth;
  sayfa_yukseklik_anlik = ekran_boyutlari.clientHeight;
  if (setup_is_work == 0) {
    sayfa_resim = document.querySelector("#sayfa_resim");
    araclar_surukle = document.querySelector(".araclar");
    bos_sayfa_surukle_div = document.getElementById("bos_sayfa_div");
    bos_sayfa_kucult_buyut = document.getElementById("bos_sayfa_kucult_buyut");
    sayfa_genislik_orijinal = sayfa_resim.naturalWidth;
    sayfa_yukseklik_orijinal = sayfa_resim.naturalHeight;
    sayfa_yukseklik = sayfa_resim.clientHeight;
    sayfa_genislik = sayfa_resim.clientWidth;
    sayfa_boyutlari_ayarla();
    if (
      sayfa_genislik_orijinal / sayfa_genislik > 0 &&
      sayfa_genislik_orijinal / sayfa_genislik < 99
    ) {
      resimleri_oranla = sayfa_genislik_orijinal / sayfa_genislik;
    }

    var ekran_surukle = document.getElementById("ekran_surukle");
    sayfa_yukaridan_bosluk = 0;
    araclar_soldan_bosluk = 0;
    araclar_yukaridan_bosluk = 0;

    bos_sayfa_kucult_buyut.addEventListener(
      "mousedown",
      bos_sayfa_kucult_buyut_basla
    );
    document
      .querySelector("body")
      .addEventListener("mousemove", bos_sayfa_kucult_buyut_ayarla);
    document
      .querySelector("body")
      .addEventListener("mouseup", bos_sayfa_kucult_buyut_kapat);

    bos_sayfa_kucult_buyut.addEventListener(
      "touchstart",
      bos_sayfa_kucult_buyut_basla_dokunmatik,
      false
    );
    document
      .querySelector("body")
      .addEventListener(
        "touchmove",
        bos_sayfa_kucult_buyut_ayarla_dokunmatik,
        false
      );
    document
      .querySelector("body")
      .addEventListener(
        "touchend",
        bos_sayfa_kucult_buyut_kapat_dokunmatik,
        false
      );
    document
      .querySelector("body")
      .addEventListener(
        "touchcancel",
        bos_sayfa_kucult_buyut_kapat_dokunmatik,
        false
      );

    bos_sayfa_surukle_div.addEventListener("mousedown", bos_sayfa_konum_ayarla);
    document
      .querySelector("body")
      .addEventListener("mousemove", bos_sayfa_surukle);
    document
      .querySelector("body")
      .addEventListener("mouseup", bos_sayfa_surukle_kapat);

    bos_sayfa_surukle_div.addEventListener(
      "touchstart",
      bos_sayfa_konum_ayarla_dokunmatik,
      false
    );
    document
      .querySelector("body")
      .addEventListener("touchmove", bos_sayfa_surukle_dokunmatik, false);
    document
      .querySelector("body")
      .addEventListener("touchend", bos_sayfa_surukle_kapat_dokunmatik, false);
    document
      .querySelector("body")
      .addEventListener(
        "touchcancel",
        bos_sayfa_surukle_kapat_dokunmatik,
        false
      );

    araclar_surukle.addEventListener("mousedown", araclar_konum_ayarla);
    document
      .querySelector("body")
      .addEventListener("mousemove", araclar_surukle_f);
    document
      .querySelector("body")
      .addEventListener("mouseup", araclar_surukle_kapat);

    araclar_surukle.addEventListener(
      "touchstart",
      araclar_konum_ayarla_dokunmatik,
      false
    );
    document
      .querySelector("body")
      .addEventListener("touchmove", araclar_surukle_f_dokunmatik, false);
    document
      .querySelector("body")
      .addEventListener("touchend", araclar_surukle_kapat_dokunmatik, false);
    document
      .querySelector("body")
      .addEventListener("touchcancel", araclar_surukle_kapat_dokunmatik, false);

    ekran_surukle.addEventListener("mousedown", konum_ayarla);
    document.querySelector("body").addEventListener("mousemove", surukle);
    document.querySelector("body").addEventListener("mouseup", surukle_kapat);

    ekran_surukle.addEventListener(
      "touchstart",
      konum_ayarla_dokunmatik,
      false
    );
    document
      .querySelector("body")
      .addEventListener("touchmove", surukle_dokunmatik, false);
    document
      .querySelector("body")
      .addEventListener("touchend", surukle_kapat_dokunmatik, false);
    document
      .querySelector("body")
      .addEventListener("touchcancel", surukle_kapat_dokunmatik, false);

    document
      .querySelector("body")
      .addEventListener("touchstart", ekrana_dokunuldu, false);
    document
      .querySelector("body")
      .addEventListener("mousedown", ekrana_dokunuldu);

    sayfa_ayarlari();
    arac_sec("kaydir");
    sayfa_yukseklik_ilk = ekran_boyutlari.clientHeight;
    setup_is_work = 1;
  }
}

function bos_sayfa_kucult_buyut_basla(e) {
  bos_sayfa_kucult_buyut_baslangicX = e.clientX;
  bos_sayfa_kucult_buyut_baslangicY = e.clientY;
  bos_sayfa_kucult_buyut_baslangic_oran = bos_sayfa_kucult_buyut_oran;
  bos_sayfa_kucult_buyut_oran_ayarlansin_mi = true;
}

function bos_sayfa_kucult_buyut_basla_dokunmatik(e) {
  bos_sayfa_kucult_buyut_baslangicX = e.touches[0].clientX;
  bos_sayfa_kucult_buyut_baslangicY = e.touches[0].clientY;
  bos_sayfa_kucult_buyut_baslangic_oran = bos_sayfa_kucult_buyut_oran;
  bos_sayfa_kucult_buyut_oran_ayarlansin_mi = true;
}
var kucult_buyut_dongu = 0;
function bos_sayfa_kucult_buyut_ayarla(e) {
  if (bos_sayfa_kucult_buyut_oran_ayarlansin_mi == 1) {
    bos_sayfa_kucult_buyut_cursorX = e.clientX;
    bos_sayfa_kucult_buyut_cursorY = e.clientY;

    if (
      bos_sayfa_cursorX != bos_sayfa_kucult_buyut_baslangicX &&
      kucult_buyut_dongu == 0
    ) {
      if (
        bos_sayfa_kucult_buyut_cursorX - bos_sayfa_kucult_buyut_baslangicX <
        bos_sayfa_kucult_buyut_cursorY - bos_sayfa_kucult_buyut_baslangicY
      ) {
        bos_sayfa_kucult_buyut_oran =
          bos_sayfa_kucult_buyut_baslangic_oran +
          2.5 /
            (ekran_boyutlari.clientWidth /
              (bos_sayfa_kucult_buyut_cursorX -
                bos_sayfa_kucult_buyut_baslangicX));
      } else {
        bos_sayfa_kucult_buyut_oran =
          bos_sayfa_kucult_buyut_baslangic_oran +
          2.5 /
            (ekran_boyutlari.clientWidth /
              (bos_sayfa_kucult_buyut_cursorY -
                bos_sayfa_kucult_buyut_baslangicY));
      }
    }

    if (kucult_buyut_dongu == 0) {
      while (1) {
        if (
          (ekran_boyutlari.clientWidth / 2.5) * bos_sayfa_kucult_buyut_oran <
          200
        ) {
          if (
            (ekran_boyutlari.clientWidth / 2.5) *
              (bos_sayfa_kucult_buyut_oran + 0.01) >
            200
          ) {
            bos_sayfa_kucult_buyut_oran += 0.001;
          } else {
            bos_sayfa_kucult_buyut_oran += 0.01;
          }

          kucult_buyut_dongu = 1;
        } else {
          kucult_buyut_dongu = 0;
          break;
        }
        ekran_oranla();
      }
    }
    ekran_oranla();
  }
}

function bos_sayfa_kucult_buyut_ayarla_dokunmatik(e) {
  if (bos_sayfa_kucult_buyut_oran_ayarlansin_mi == 1) {
    bos_sayfa_kucult_buyut_cursorX = e.touches[0].clientX;
    bos_sayfa_kucult_buyut_cursorY = e.touches[0].clientY;
    if (bos_sayfa_cursorX != bos_sayfa_kucult_buyut_baslangicX) {
      if (
        bos_sayfa_kucult_buyut_cursorX - bos_sayfa_kucult_buyut_baslangicX <
        bos_sayfa_kucult_buyut_cursorY - bos_sayfa_kucult_buyut_baslangicY
      ) {
        bos_sayfa_kucult_buyut_oran =
          bos_sayfa_kucult_buyut_baslangic_oran +
          2.5 /
            (ekran_boyutlari.clientWidth /
              (bos_sayfa_kucult_buyut_cursorX -
                bos_sayfa_kucult_buyut_baslangicX));
      } else {
        bos_sayfa_kucult_buyut_oran =
          bos_sayfa_kucult_buyut_baslangic_oran +
          2.5 /
            (ekran_boyutlari.clientWidth /
              (bos_sayfa_kucult_buyut_cursorY -
                bos_sayfa_kucult_buyut_baslangicY));
      }
    }
    ekran_oranla();
  }
}

function bos_sayfa_kucult_buyut_kapat(e) {
  bos_sayfa_kucult_buyut_oran_ayarlansin_mi = false;
}

function bos_sayfa_kucult_buyut_kapat_dokunmatik(e) {
  bos_sayfa_kucult_buyut_oran_ayarlansin_mi = false;
}

function bos_sayfa_konum_ayarla(e) {
  if (
    e["target"].classList.contains("bos_sayfa_ust_menu") ||
    e["target"].classList.contains("bos_sayfa_ust_menu_label")
  ) {
    bos_sayfa_baslangicX = e.clientX;
    bos_sayfa_baslangicY = e.clientY;
    bos_sayfa_suruklensin_mi = true;
    bos_sayfa_soldan_bosluk = parseInt(bos_sayfa_surukle_div.style.left);
    bos_sayfa_yukaridan_bosluk = parseInt(bos_sayfa_surukle_div.style.top);
    sayfa_bosluk_ayarla();
  }
}

function bos_sayfa_surukle_kapat(e) {
  bos_sayfa_suruklensin_mi = false;
  sayfa_bosluk_ayarla();
}

function bos_sayfa_surukle(e) {
  if (bos_sayfa_suruklensin_mi == true) {
    bos_sayfa_cursorX = e.clientX;
    bos_sayfa_cursorY = e.clientY;
    bos_sayfa_soldan_bosluk =
      bos_sayfa_soldan_bosluk + (bos_sayfa_cursorX - bos_sayfa_baslangicX);
    bos_sayfa_yukaridan_bosluk =
      bos_sayfa_yukaridan_bosluk + (bos_sayfa_cursorY - bos_sayfa_baslangicY);
    bos_sayfa_baslangicX = e.clientX;
    bos_sayfa_baslangicY = e.clientY;
    sayfa_bosluk_ayarla();
  }
}

function bos_sayfa_konum_ayarla_dokunmatik(e) {
  if (
    e["target"].classList.contains("bos_sayfa_ust_menu") ||
    e["target"].classList.contains("bos_sayfa_ust_menu_label")
  ) {
    bos_sayfa_baslangicX = e.touches[0].clientX;
    bos_sayfa_baslangicY = e.touches[0].clientY;
    bos_sayfa_suruklensin_mi = true;
    bos_sayfa_soldan_bosluk = parseInt(bos_sayfa_surukle_div.style.left);
    bos_sayfa_yukaridan_bosluk = parseInt(bos_sayfa_surukle_div.style.top);
    sayfa_bosluk_ayarla();
  }
}

function bos_sayfa_surukle_kapat_dokunmatik(e) {
  bos_sayfa_suruklensin_mi = false;
  sayfa_bosluk_ayarla();
}

function bos_sayfa_surukle_dokunmatik(e) {
  if (bos_sayfa_suruklensin_mi == true) {
    bos_sayfa_cursorX = e.touches[0].clientX;
    bos_sayfa_cursorY = e.touches[0].clientY;
    bos_sayfa_soldan_bosluk =
      bos_sayfa_soldan_bosluk + (bos_sayfa_cursorX - bos_sayfa_baslangicX);
    bos_sayfa_yukaridan_bosluk =
      bos_sayfa_yukaridan_bosluk + (bos_sayfa_cursorY - bos_sayfa_baslangicY);
    bos_sayfa_baslangicX = e.touches[0].clientX;
    bos_sayfa_baslangicY = e.touches[0].clientY;
    sayfa_bosluk_ayarla();
  }
}

function konum_ayarla(e) {
  baslangicX = e.clientX;
  baslangicY = e.clientY;
  suruklensin_mi = true;
  sayfa_bosluk_ayarla();
}

function surukle_kapat(e) {
  suruklensin_mi = false;
  sayfa_bosluk_ayarla();
}

function surukle_dokunmatik(e) {
  if (suruklensin_mi == true && secili_arac == "kaydir") {
    cursorX = e.touches[0].clientX;
    cursorY = e.touches[0].clientY;
    sayfa_soldan_bosluk = sayfa_soldan_bosluk + (cursorX - baslangicX);
    sayfa_yukaridan_bosluk = sayfa_yukaridan_bosluk + (cursorY - baslangicY);
    baslangicX = e.touches[0].clientX;
    baslangicY = e.touches[0].clientY;
    sayfa_bosluk_ayarla();
  }
}

function konum_ayarla_dokunmatik(e) {
  baslangicX = e.touches[0].clientX;
  baslangicY = e.touches[0].clientY;
  suruklensin_mi = true;
  sayfa_bosluk_ayarla();
}

function surukle_kapat_dokunmatik(e) {
  suruklensin_mi = false;
  sayfa_bosluk_ayarla();
}

function surukle(e) {
  if (suruklensin_mi == true && secili_arac == "kaydir") {
    cursorX = e.clientX;
    cursorY = e.clientY;
    sayfa_soldan_bosluk = sayfa_soldan_bosluk + (cursorX - baslangicX);
    sayfa_yukaridan_bosluk = sayfa_yukaridan_bosluk + (cursorY - baslangicY);
    baslangicX = e.clientX;
    baslangicY = e.clientY;
    sayfa_bosluk_ayarla();
  }
}

function araclar_konum_ayarla(e) {
  if (e["target"].classList == "araclar" || e["target"].classList == "logo") {
    araclar_baslangicX = e.clientX;
    araclar_baslangicY = e.clientY;
    araclar_suruklensin_mi = true;
    araclar_surukle.style.left = araclar_soldan_bosluk + "px";
    araclar_surukle.style.top = araclar_yukaridan_bosluk + "px";
  }
}

function araclar_surukle_kapat(e) {
  araclar_suruklensin_mi = false;
  araclar_surukle.style.left = araclar_soldan_bosluk + "px";
  araclar_surukle.style.top = araclar_yukaridan_bosluk + "px";
}

function araclar_surukle_f(e) {
  if (araclar_suruklensin_mi == true) {
    araclar_cursorX = e.clientX;
    araclar_cursorY = e.clientY;
    araclar_soldan_bosluk =
      araclar_soldan_bosluk +
      (araclar_cursorX - araclar_baslangicX) / araclar_scale_hesapla;
    araclar_yukaridan_bosluk =
      araclar_yukaridan_bosluk +
      (araclar_cursorY - araclar_baslangicY) / araclar_scale_hesapla;
    araclar_baslangicX = e.clientX;
    araclar_baslangicY = e.clientY;
    araclar_surukle.style.left = araclar_soldan_bosluk + "px";
    araclar_surukle.style.top = araclar_yukaridan_bosluk + "px";
  }
}

function araclar_konum_ayarla_dokunmatik(e) {
  if (e["target"].classList == "araclar" || e["target"].classList == "logo") {
    araclar_baslangicX = e.touches[0].clientX;
    araclar_baslangicY = e.touches[0].clientY;
    araclar_suruklensin_mi = true;
    araclar_surukle.style.left = araclar_soldan_bosluk + "px";
    araclar_surukle.style.top = araclar_yukaridan_bosluk + "px";
  }
}

function araclar_surukle_kapat_dokunmatik(e) {
  araclar_suruklensin_mi = false;
  araclar_surukle.style.left = araclar_soldan_bosluk + "px";
  araclar_surukle.style.top = araclar_yukaridan_bosluk + "px";
}

function araclar_surukle_f_dokunmatik(e) {
  if (araclar_suruklensin_mi == true) {
    araclar_cursorX = e.touches[0].clientX;
    araclar_cursorY = e.touches[0].clientY;
    araclar_soldan_bosluk =
      araclar_soldan_bosluk +
      (araclar_cursorX - araclar_baslangicX) / araclar_scale_hesapla;
    araclar_yukaridan_bosluk =
      araclar_yukaridan_bosluk +
      (araclar_cursorY - araclar_baslangicY) / araclar_scale_hesapla;
    araclar_baslangicX = e.touches[0].clientX;
    araclar_baslangicY = e.touches[0].clientY;
    araclar_surukle.style.left = araclar_soldan_bosluk + "px";
    araclar_surukle.style.top = araclar_yukaridan_bosluk + "px";
  }
}

function listen_etkinlik_buttons() {
  var etkinlik_cevap_goster_btns = document.querySelectorAll(
    ".etkinlik_cevap_goster_btn"
  );
  etkinlik_cevap_goster_btns.forEach((btn) => {
    btn.addEventListener("click", (event) => {
      var cevap_id = event.target.getAttribute("data-id");
      var cevap_resim = document.querySelector("#" + cevap_id);
      cevap_resim.classList.toggle("gizli");

      var cevap_id_duzenlenmis = cevap_id.split("etkinlik_");
      cevap_id_duzenlenmis = cevap_id_duzenlenmis[1];

      var yeni_durum;
      if (cevaplar_durum[cevap_id_duzenlenmis] == 0) {
        yeni_durum = 1;
      } else {
        yeni_durum = 0;
      }
      cevaplar_durum[cevap_id_duzenlenmis] = yeni_durum;
    });
  });
}

function listen_buttons() {
  var cevap_goster_btns = document.querySelectorAll(".cevap_goster_btn");
  cevap_goster_btns.forEach((btn) => {
    btn.addEventListener("click", (event) => {
      var cevap_id = event.target.getAttribute("data-id");
      var cevap_resim = document.querySelector("#" + cevap_id);
      cevap_resim.classList.toggle("gizli");

      var yeni_durum;
      if (cevaplar_durum[cevap_id] == 0) {
        yeni_durum = 1;
      } else {
        yeni_durum = 0;
      }
      cevaplar_durum[cevap_id] = yeni_durum;
    });
  });

  var yakinlastir_btns = document.querySelectorAll(".yakinlastir_btn");
  yakinlastir_btns.forEach((btn) => {
    btn.addEventListener("click", (event) => {
      ekran_mod = "etkinlik";
      sayfa_gorunurluk("hidden");
      var etkinlik_icerik = document.getElementById("etkinlik");
      etkinlik = event.target.getAttribute("etkinlik");
      var cropped_page_calculate = event.target.getAttribute("sayfa");
      etkinlik_cevaplar = [];
      for (const [id, pozisyon] of Object.entries(cevap_pozisyonlari)) {
        pozisyonlar = pozisyon.split("-");
        if (pozisyonlar[2] == etkinlik) {
          var gizlensin_mi = cevaplar_durum[id];
          if (gizlensin_mi == 0) {
            gizlensin_mi = " gizli";
          } else {
            gizlensin_mi = "";
          }
          var etkinlik_cevap_pozisyon = cevap_pozisyonlari[id].split("-");
          var etkinlik_cevap_goster_btn_pozisyon =
            cevap_goster_buton_pozisyonlari[id].split("-");
          var etkinlik_pozisyon = etkinlikler[etkinlik].split("-");
          var etkinlik_cevap_goster_btn_top =
            etkinlik_cevap_goster_btn_pozisyon[1] - etkinlik_pozisyon[1];
          var etkinlik_cevap_goster_btn_left =
            etkinlik_cevap_goster_btn_pozisyon[0] - etkinlik_pozisyon[0];
          var etkinlik_cevap_top =
            etkinlik_cevap_pozisyon[1] - etkinlik_pozisyon[1];
          var etkinlik_cevap_left =
            etkinlik_cevap_pozisyon[0] - etkinlik_pozisyon[0];
          etkinlik_icerik.innerHTML +=
            '<img src="./cevaplar/' +
            id +
            '.webp" class="cevap' +
            gizlensin_mi +
            '" id="etkinlik_' +
            id +
            '" style="top: ' +
            Math.round(etkinlik_cevap_top) +
            "px; left: " +
            Math.round(etkinlik_cevap_left) +
            'px;">';
          etkinlik_icerik.innerHTML +=
            '<button class="etkinlik_cevap_goster_btn" data-id="etkinlik_' +
            id +
            '" style="top: ' +
            Math.round(etkinlik_cevap_goster_btn_top) +
            "px; left: " +
            Math.round(etkinlik_cevap_goster_btn_left) +
            "px; height: " +
            butonlar_boyut * resimleri_oranla +
            "px; width: " +
            butonlar_boyut * resimleri_oranla +
            'px;"></button>';
        }
      }

      for (const [id, pozisyon] of Object.entries(medyalar)) {
        pozisyonlar = pozisyon.split("-");
        if (pozisyonlar[3] == etkinlik) {
          var medya_left = pozisyonlar[1] - etkinlik_pozisyon[0] + "px";
          var medya_top = pozisyonlar[2] - etkinlik_pozisyon[1] + "px";

          if (pozisyonlar[0].includes(".mp4")) {
            etkinlik_icerik.innerHTML +=
              '<button class="video_btn" style="height: ' +
              butonlar_boyut * resimleri_oranla +
              "px; width: " +
              butonlar_boyut * resimleri_oranla +
              "px; left: " +
              medya_left +
              "; top: " +
              medya_top +
              ';" sayfa="' +
              pozisyonlar[3] +
              '" media-id="' +
              id +
              '" onclick="medya_oynat(' +
              "'" +
              pozisyonlar[0] +
              "'" +
              ')"></button>';
          } else if (pozisyonlar[0].includes(".mp3")) {
            etkinlik_icerik.innerHTML +=
              '<button class="ses_btn" style="height: ' +
              butonlar_boyut * resimleri_oranla +
              "px; width: " +
              butonlar_boyut * resimleri_oranla +
              "px; left: " +
              medya_left +
              "; top: " +
              medya_top +
              ';" sayfa="' +
              pozisyonlar[3] +
              '" media-id="' +
              id +
              '"  onclick="medya_oynat(' +
              "'" +
              pozisyonlar[0] +
              "'" +
              ')"></button>';
          }
        }
      }

      listen_etkinlik_buttons();

      etkinlik_ayarlari = etkinlikler[etkinlik];
      etkinlik_ayarlari = etkinlik_ayarlari.split("-");
      let while_sayac = 0;
      let etkinlik_zoom_hesapla = 1;
      while (1) {
        if (
          (ekran_boyutlari.clientWidth / 100) * 75 >
            etkinlik_ayarlari[2] *
              (etkinlik_zoom_hesapla *
                responsive_zoom *
                default_screen_scale) &&
          ((ekran_boyutlari.clientHeight -
            document.querySelector(".alt_menu").clientHeight *
              responsive_zoom) /
            100) *
            90 >
            etkinlik_ayarlari[3] *
              (etkinlik_zoom_hesapla * responsive_zoom * default_screen_scale)
        ) {
          etkinlik_zoom = etkinlik_zoom_hesapla;
          sayfa_yukseklik_anlik_onceki =
            etkinlik_ayarlari[2] *
            (etkinlik_zoom * responsive_zoom * default_screen_scale);
          sayfa_genislik_anlik_onceki =
            etkinlik_ayarlari[3] *
            (etkinlik_zoom * responsive_zoom * default_screen_scale);
          mod_degisti = 1;
          break;
        }

        if (etkinlik_zoom_hesapla < 0 || while_sayac > 200) {
          etkinlik_zoom = 0.25;
          break;
        }
        etkinlik_zoom_hesapla -= 0.01;
        while_sayac++;
      }

      var etkinlik_image = new Image(),
        etkinlik_canvas = document.getElementById("etkinlik_canvas"),
        etkinlik_ctx = etkinlik_canvas.getContext("2d");
      document.querySelector("#etkinlik_canvas").width = etkinlik_ayarlari[2];
      document.querySelector("#etkinlik_canvas").height = etkinlik_ayarlari[3];

      etkinlik_image.src = "./sayfalar/" + sayfalar[cropped_page_calculate];
      document.getElementById("page_1").classList.add("gizli");
      etkinlik_image.addEventListener("load", () => {
        etkinlik_ctx.drawImage(
          etkinlik_image,
          etkinlik_ayarlari[0],
          etkinlik_ayarlari[1],
          etkinlik_ayarlari[2],
          etkinlik_ayarlari[3],
          0,
          0,
          etkinlik_ayarlari[2],
          etkinlik_ayarlari[3]
        );
        document.getElementById("etkinlik").style.zoom = etkinlik_zoom;
        ekran_mod_degisti();
        setTimeout(() => {
          sayfa_gorunurluk("visible");
        }, 100);
        sayfa_etkinlik_ortala();
      });
    });
  });
}

function medya_oynat(dosya_yolu) {
  document.querySelector(".player-content video source").src = dosya_yolu;
  document.querySelector(".player-content video").load();
  document.querySelector(".player-content video").play();
  if (dosya_yolu.includes(".mp4")) {
    document.querySelector(".player-content").style.display = "flex";
  }
}

function ekrana_dokunuldu(e) {
  if (
    !document
      .querySelector(".sayfa_degistir_menu")
      .classList.contains("gizli") &&
    !e["srcElement"]["offsetParent"].classList.contains(
      "sayfa_degistir_menu"
    ) &&
    !e["srcElement"].classList.contains("sayfa") &&
    e["srcElement"].id != "sayfa_yazi"
  ) {
    document.querySelector(".sayfa_degistir_menu").classList.toggle("gizli");
  }

  if (e["srcElement"] == document.querySelector(".player-content video")) {
    if (
      document
        .querySelector(".player-content video source")
        .src.includes(".mp3")
    ) {
      if (document.querySelector(".player-content video").paused) {
        document.querySelector(".player-content video").play();
      } else {
        document.querySelector(".player-content video").pause();
      }
    }
  }

  try {
    if (
      !e["srcElement"]["offsetParent"].classList.contains("araclar") &&
      !e["target"].classList.contains("boyut") &&
      !e["target"].classList.contains("araclar_kutu") &&
      !e["srcElement"]["offsetParent"].classList.contains("araclar_kutu")
    ) {
      araclar_hepsini_gizle();
    }
  } catch (error) {}
}

function set_elements(islem) {
  if (islem != "konumlar") {
    var resimler = document.getElementsByTagName("img");
    for (var i = 0; i < resimler.length; i++) {
      genislik_oranla = resimler[i].naturalWidth / resimleri_oranla;
      yukseklik_oranla = resimler[i].naturalHeight / resimleri_oranla;
      resimler[i].width = genislik_oranla;
      resimler[i].height = yukseklik_oranla;
    }
  }

  for (const [id, pozisyon] of Object.entries(cevap_pozisyonlari)) {
    if (birinci_sayfa_cevap_butonlar_resimler.includes(id)) {
      var resim = document.getElementById(id);
      pozisyonlar = pozisyon.split("-");
      resim.style.left = pozisyonlar[0] / resimleri_oranla + "px";
      resim.style.top = pozisyonlar[1] / resimleri_oranla + "px";
    }
  }

  for (const [id, pozisyon] of Object.entries(
    cevap_goster_buton_pozisyonlari
  )) {
    if (birinci_sayfa_cevap_butonlar_resimler.includes(id)) {
      var buton_sec = "button[data-id='" + id + "']";
      var buton = document.querySelector(buton_sec);
      pozisyonlar = pozisyon.split("-");
      buton.style.left = pozisyonlar[0] / resimleri_oranla + "px";
      buton.style.top = pozisyonlar[1] / resimleri_oranla + "px";
    }
  }

  for (const [id, pozisyon] of Object.entries(medyalar)) {
    pozisyonlar = pozisyon.split("-");
    if (pozisyonlar[4] == sayfa) {
      var buton_sec = "button[media-id='" + id + "']";
      var buton = document.querySelector(buton_sec);
      buton.style.left = pozisyonlar[1] / resimleri_oranla + "px";
      buton.style.top = pozisyonlar[2] / resimleri_oranla + "px";
    }
  }

  for (const [id, pozisyon] of Object.entries(yakinlastir_buton_pozisyonlari)) {
    if (birinci_sayfa_yakinlastir_butonlar.includes(id)) {
      var buton_sec = ".yakinlastir_btn[etkinlik='" + id + "']";
      var buton = document.querySelector(buton_sec);
      pozisyonlar = pozisyon.split("-");
      buton.style.left = pozisyonlar[0] / resimleri_oranla + "px";
      buton.style.top = pozisyonlar[1] / resimleri_oranla + "px";
    }
  }
}

setInterval(() => {
  if (setup_is_work == 1) {
    sayfa_resim = document.querySelector("#sayfa_resim");

    var resimler = document.getElementsByTagName("img");
    for (var i = 0; i < resimler.length; i++) {
      if (ekran_mod == "sayfa") {
        genislik_oranla = resimler[i].naturalWidth / resimleri_oranla;
        yukseklik_oranla = resimler[i].naturalHeight / resimleri_oranla;
        resimler[i].width = genislik_oranla;
        resimler[i].height = yukseklik_oranla;
      } else if (ekran_mod == "etkinlik") {
        genislik_oranla = resimler[i].naturalWidth;
        yukseklik_oranla = resimler[i].naturalHeight;
        resimler[i].width = genislik_oranla;
        resimler[i].height = yukseklik_oranla;
      }
    }

    resimleri_oranla = sayfa_genislik_orijinal / sayfa_genislik;

    if (document.getElementById("screen").style.visibility != "visible") {
      screen_visibility_kapali_sayac++;
      if (screen_visibility_kapali_sayac > 300) {
        sayfa_gorunurluk("visible");
        screen_visibility_kapali_sayac = 0;
      }
    } else {
      screen_visibility_kapali_sayac = 0;
    }

    if (araclar_durum == 0) {
      var araclar_sol = document.querySelector(".araclar").style.left;
      araclar_sol = araclar_sol.split("px");
      araclar_sol = araclar_sol[0];
      var araclar_yukari = document.querySelector(".araclar").style.top;
      araclar_yukari = araclar_yukari.split("px");
      araclar_yukari = araclar_yukari[0];
      if (araclar_sol < 0) {
        document.querySelector(".araclar").style.left = "1px";
        araclar_soldan_bosluk = 1;
      }

      if (araclar_yukari < 0) {
        document.querySelector(".araclar").style.top = "1px";
        araclar_yukaridan_bosluk = 1;
      }

      if (
        araclar_sol * araclar_scale_hesapla >
        ekran_boyutlari.clientWidth -
          document.querySelector(".araclar").clientWidth * araclar_scale_hesapla
      ) {
        document.querySelector(".araclar").style.left =
          (ekran_boyutlari.clientWidth -
            document.querySelector(".araclar").clientWidth *
              araclar_scale_hesapla) /
            araclar_scale_hesapla +
          "px";
        araclar_soldan_bosluk =
          (ekran_boyutlari.clientWidth -
            document.querySelector(".araclar").clientWidth *
              araclar_scale_hesapla) /
          araclar_scale_hesapla;
      }

      if (
        araclar_yukari * araclar_scale_hesapla >
        ekran_boyutlari.clientHeight -
          document.querySelector(".araclar").clientHeight *
            araclar_scale_hesapla
      ) {
        document.querySelector(".araclar").style.top =
          (ekran_boyutlari.clientHeight -
            document.querySelector(".araclar").clientHeight *
              araclar_scale_hesapla) /
            araclar_scale_hesapla +
          "px";
        araclar_yukaridan_bosluk =
          (ekran_boyutlari.clientHeight -
            document.querySelector(".araclar").clientHeight *
              araclar_scale_hesapla) /
          araclar_scale_hesapla;
      }
    } else {
      var araclar_sol = document.querySelector(".araclar").style.left;
      araclar_sol = araclar_sol.split("px");
      araclar_sol = araclar_sol[0];
      var araclar_yukari = document.querySelector(".araclar").style.top;
      araclar_yukari = araclar_yukari.split("px");
      araclar_yukari = araclar_yukari[0];
      if (
        araclar_sol <
        0 +
          (document.querySelector(".araclar").clientHeight *
            araclar_scale_hesapla -
            document.querySelector(".araclar").clientWidth *
              araclar_scale_hesapla) *
            araclar_scale_hesapla
      ) {
        document.querySelector(".araclar").style.left =
          (document.querySelector(".araclar").clientHeight *
            araclar_scale_hesapla -
            document.querySelector(".araclar").clientWidth *
              araclar_scale_hesapla) *
            araclar_scale_hesapla +
          "px";
        araclar_soldan_bosluk =
          (document.querySelector(".araclar").clientHeight *
            araclar_scale_hesapla -
            document.querySelector(".araclar").clientWidth *
              araclar_scale_hesapla) *
          araclar_scale_hesapla;
      }

      if (
        araclar_yukari <
        0 +
          (document.querySelector(".araclar").clientWidth *
            araclar_scale_hesapla -
            document.querySelector(".araclar").clientHeight *
              araclar_scale_hesapla) *
            araclar_scale_hesapla
      ) {
        document.querySelector(".araclar").style.top =
          (document.querySelector(".araclar").clientWidth *
            araclar_scale_hesapla -
            document.querySelector(".araclar").clientHeight *
              araclar_scale_hesapla) *
            araclar_scale_hesapla +
          "px";
        araclar_yukaridan_bosluk =
          (document.querySelector(".araclar").clientWidth *
            araclar_scale_hesapla -
            document.querySelector(".araclar").clientHeight *
              araclar_scale_hesapla) *
          araclar_scale_hesapla;
      }

      if (
        araclar_sol * araclar_scale_hesapla >
        ekran_boyutlari.clientWidth -
          document.querySelector(".araclar").clientWidth * araclar_scale_hesapla
      ) {
        document.querySelector(".araclar").style.left =
          (ekran_boyutlari.clientWidth -
            document.querySelector(".araclar").clientWidth *
              araclar_scale_hesapla) /
            araclar_scale_hesapla +
          "px";
        araclar_soldan_bosluk =
          (ekran_boyutlari.clientWidth -
            document.querySelector(".araclar").clientWidth *
              araclar_scale_hesapla) /
          araclar_scale_hesapla;
      }

      if (
        araclar_sol * araclar_scale_hesapla >
        ekran_boyutlari.clientWidth -
          (document.querySelector(".araclar").clientWidth *
            araclar_scale_hesapla -
            document.querySelector(".araclar").clientHeight *
              araclar_scale_hesapla) *
            araclar_scale_hesapla
      ) {
        document.querySelector(".araclar").style.top =
          ekran_boyutlari.clientWidth -
          document.querySelector(".araclar").clientHeight *
            araclar_scale_hesapla *
            araclar_scale_hesapla +
          "px";
        araclar_yukaridan_bosluk =
          ekran_boyutlari.clientWidth -
          document.querySelector(".araclar").clientHeight *
            araclar_scale_hesapla *
            araclar_scale_hesapla;
      }

      if (
        araclar_yukari * araclar_scale_hesapla >
        ekran_boyutlari.clientHeight -
          (document.querySelector(".araclar").clientHeight *
            araclar_scale_hesapla -
            document.querySelector(".araclar").clientWidth *
              araclar_scale_hesapla) *
            araclar_scale_hesapla
      ) {
        document.querySelector(".araclar").style.top =
          ekran_boyutlari.clientHeight -
          document.querySelector(".araclar").clientWidth *
            araclar_scale_hesapla *
            araclar_scale_hesapla +
          "px";
        araclar_yukaridan_bosluk =
          ekran_boyutlari.clientHeight -
          document.querySelector(".araclar").clientWidth *
            araclar_scale_hesapla *
            araclar_scale_hesapla;
      }
    }

    if (
      !document
        .querySelector(".sayfa_degistir_menu")
        .classList.contains("gizli")
    ) {
      sayfa_degistir_sayac++;
    } else {
      sayfa_degistir_sayac = 451;
    }
  }
}, 0);

function resim_yuklendi() {
  settings_setup();
  var sayfanin_cevap_butonlari_sorgu = "button[sayfa='" + sayfa + "']";
  var butonlar = document.querySelectorAll(sayfanin_cevap_butonlari_sorgu);
  for (var i = 0; i < butonlar.length; i++) {
    if (butonlar[i].classList.contains("gizli")) {
      butonlar[i].classList.remove("gizli");
    }
  }

  set_elements("konumlar");

  for (let index = 1000; index < 2000; index += 250) {
    setTimeout(() => {
      set_elements("konumlar");
    }, index);
  }
  sayfa_boyutlari_ayarla();
  sayfa_etkinlik_ortala();
}

function yakinlastir() {
  if (screen_scale < 5) {
    screen_scale = (screen_scale / 100) * 110;
    sayfa_boyutlari_ayarla();
  }
}

function uzaklastir() {
  if (screen_scale > 0.6) {
    screen_scale = (screen_scale / 100) * 90;
    sayfa_boyutlari_ayarla();
  }
}

function sayfa_boyutlari_ayarla() {
  var duzenlenecek_sayfa = document.getElementById("pages_and_question");
  duzenlenecek_sayfa.style.zoom = screen_scale * responsive_zoom;

  if (canvas_olusturuldu_mu == 1) {
    sayfa_resim_son_src = document.getElementById("sayfa_resim").src;
    if (ekran_mod == "sayfa") {
      canvas.setZoom(screen_scale * responsive_zoom);
    } else if (ekran_mod == "etkinlik") {
      canvas.setZoom(screen_scale * responsive_zoom * etkinlik_zoom);
    }
    kalem_silgi_boyut_ayarla();

    if (ekran_mod == "sayfa") {
      if (sayfa_resim_son_src == document.getElementById("sayfa_resim").src) {
        canvas.setWidth(
          (document.getElementById("sayfa_resim").naturalWidth /
            resimleri_oranla) *
            screen_scale *
            responsive_zoom
        );
        canvas.setHeight(
          (document.getElementById("sayfa_resim").naturalHeight /
            resimleri_oranla) *
            screen_scale *
            responsive_zoom
        );
      } else {
        var sayfa_resim_boyut = new Image();
        sayfa_resim_boyut.src = document.getElementById("sayfa_resim").src;
        sayfa_resim_boyut.onload = function () {
          canvas.setWidth(
            (document.getElementById("sayfa_resim").naturalWidth /
              resimleri_oranla) *
              screen_scale *
              responsive_zoom
          );
          canvas.setHeight(
            (document.getElementById("sayfa_resim").naturalHeight /
              resimleri_oranla) *
              screen_scale *
              responsive_zoom
          );
        };
      }
    }
    if (ekran_mod == "etkinlik") {
      canvas.setWidth(
        document.getElementById("etkinlik_canvas").clientWidth *
          (screen_scale * etkinlik_zoom * responsive_zoom)
      );
      canvas.setHeight(
        document.getElementById("etkinlik_canvas").clientHeight *
          (screen_scale * etkinlik_zoom * responsive_zoom)
      );
    }

    if (sayfa_oranla_ilk_calisti_mi == 0) {
      sayfa_oranla_ilk_calisti_mi = 1;
      eski_genislik = document.getElementById("canvas_cizim").width;
      ekran_oranla(ekran_boyutlari.clientWidth, ekran_boyutlari.clientHeight);
    }
    bos_sayfa_canvas.setWidth(
      document.getElementById("bos_sayfa_div").clientWidth
    );
    bos_sayfa_canvas.setHeight(
      document.getElementById("bos_sayfa_div").clientHeight
    );
  }
  setTimeout(() => {
    sayfa_gorunurluk("visible");
  }, 100);
}
function etkinlik_icerik_guncelle(etkinlik) {
  var etkinlik_icerik = document.getElementById("etkinlik");

  var dynamic_elements = etkinlik_icerik.querySelectorAll(
    ".cevap, .etkinlik_cevap_goster_btn, .video_btn, .ses_btn"
  );
  dynamic_elements.forEach(function (elem) {
    elem.remove();
  });

  var etkinlik_pozisyon = etkinlikler[etkinlik].split("-");

  for (const [id, pozisyon] of Object.entries(cevap_pozisyonlari)) {
    pozisyonlar = pozisyon.split("-");
    if (pozisyonlar[2] == etkinlik) {
      var gizlensin_mi = cevaplar_durum[id];
      gizlensin_mi = gizlensin_mi == 0 ? " gizli" : "";
      var etkinlik_cevap_pozisyon = cevap_pozisyonlari[id].split("-");
      var etkinlik_cevap_goster_btn_pozisyon =
        cevap_goster_buton_pozisyonlari[id].split("-");
      var etkinlik_cevap_goster_btn_top =
        etkinlik_cevap_goster_btn_pozisyon[1] - etkinlik_pozisyon[1];
      var etkinlik_cevap_goster_btn_left =
        etkinlik_cevap_goster_btn_pozisyon[0] - etkinlik_pozisyon[0];
      var etkinlik_cevap_top =
        etkinlik_cevap_pozisyon[1] - etkinlik_pozisyon[1];
      var etkinlik_cevap_left =
        etkinlik_cevap_pozisyon[0] - etkinlik_pozisyon[0];

      etkinlik_icerik.innerHTML +=
        '<img src="./cevaplar/' +
        id +
        '.webp" class="cevap' +
        gizlensin_mi +
        '" id="etkinlik_' +
        id +
        '" style="top: ' +
        Math.round(etkinlik_cevap_top) +
        "px; left: " +
        Math.round(etkinlik_cevap_left) +
        'px;">';
      etkinlik_icerik.innerHTML +=
        '<button class="etkinlik_cevap_goster_btn" data-id="etkinlik_' +
        id +
        '" style="top: ' +
        Math.round(etkinlik_cevap_goster_btn_top) +
        "px; left: " +
        Math.round(etkinlik_cevap_goster_btn_left) +
        "px; height: " +
        butonlar_boyut * resimleri_oranla +
        "px; width: " +
        butonlar_boyut * resimleri_oranla +
        'px;"></button>';
    }
  }

  for (const [id, pozisyon] of Object.entries(medyalar)) {
    pozisyonlar = pozisyon.split("-");
    if (pozisyonlar[3] == etkinlik) {
      var medya_left = pozisyonlar[1] - etkinlik_pozisyon[0] + "px";
      var medya_top = pozisyonlar[2] - etkinlik_pozisyon[1] + "px";

      if (pozisyonlar[0].includes(".mp4")) {
        etkinlik_icerik.innerHTML +=
          '<button class="video_btn" style="height: ' +
          butonlar_boyut * resimleri_oranla +
          "px; width: " +
          butonlar_boyut * resimleri_oranla +
          "px; left: " +
          medya_left +
          "; top: " +
          medya_top +
          ';" sayfa="' +
          pozisyonlar[3] +
          '" media-id="' +
          id +
          '" onclick="medya_oynat(' +
          "'" +
          pozisyonlar[0] +
          "'" +
          ')"></button>';
      } else if (pozisyonlar[0].includes(".mp3")) {
        etkinlik_icerik.innerHTML +=
          '<button class="ses_btn" style="height: ' +
          butonlar_boyut * resimleri_oranla +
          "px; width: " +
          butonlar_boyut * resimleri_oranla +
          "px; left: " +
          medya_left +
          "; top: " +
          medya_top +
          ';" sayfa="' +
          pozisyonlar[3] +
          '" media-id="' +
          id +
          '"  onclick="medya_oynat(' +
          "'" +
          pozisyonlar[0] +
          "'" +
          ')"></button>';
      }
    }
  }

  listen_etkinlik_buttons();
}

function sayfa_ileri() {
  if (ekran_mod == "etkinlik") {
    if (canvas_olusturuldu_mu == 1) {
      cizim_kaydet();
    }

    let etkinlik_index = Object.keys(etkinlikler).indexOf(etkinlik.toString());
    if (etkinlik_index < Object.keys(etkinlikler).length - 1) {
      etkinlik = Object.keys(etkinlikler)[etkinlik_index + 1];

      let etkinlik_sayfa = Object.entries(yakinlastir_buton_pozisyonlari)
        .find(([id, pozisyon]) => id == etkinlik)[1]
        .split("-")[2];
      sayfa = parseInt(etkinlik_sayfa);

      etkinlik_icerik_guncelle(etkinlik);

      var sayfa_yazi = document.getElementById("sayfa_yazi");
      sayfa_yazi.innerHTML = parseInt(sayfa + 1) + "/" + sayfalar.length;

      var etkinlik_image = new Image(),
        etkinlik_canvas = document.getElementById("etkinlik_canvas"),
        etkinlik_ctx = etkinlik_canvas.getContext("2d");
      etkinlik_ayarlari = etkinlikler[etkinlik].split("-");
      document.querySelector("#etkinlik_canvas").width = etkinlik_ayarlari[2];
      document.querySelector("#etkinlik_canvas").height = etkinlik_ayarlari[3];

      etkinlik_image.src = "./sayfalar/" + sayfalar[sayfa];
      etkinlik_image.addEventListener("load", () => {
        etkinlik_ctx.drawImage(
          etkinlik_image,
          etkinlik_ayarlari[0],
          etkinlik_ayarlari[1],
          etkinlik_ayarlari[2],
          etkinlik_ayarlari[3],
          0,
          0,
          etkinlik_ayarlari[2],
          etkinlik_ayarlari[3]
        );

        etkinlik_zoom = calculateZoom(etkinlik_ayarlari);
        document.getElementById("etkinlik").style.zoom = etkinlik_zoom;

        canvas.setWidth(
          document.getElementById("etkinlik_canvas").clientWidth *
            (screen_scale * etkinlik_zoom * responsive_zoom)
        );
        canvas.setHeight(
          document.getElementById("etkinlik_canvas").clientHeight *
            (screen_scale * etkinlik_zoom * responsive_zoom)
        );
        screen_scale = (screen_scale / 100) * 100;
        sayfa_boyutlari_ayarla();
        sayfa_etkinlik_ortala();
      });

      onceki_sayfa = sayfa;
      onceki_etkinlik = etkinlik;
      onceki_ekran_mod = ekran_mod;

      // Sayfa değiştiğinde localStorage'a kaydet
      son_sayfa_kaydet();

      if (canvas_olusturuldu_mu == 1) {
        cizim_degistir();
      }
    } else {
      console.log("Son etkinlikte bulunuyorsunuz.");
    }
  } else {
    sayfa++;
    // Sayfa değiştiğinde localStorage'a kaydet
    son_sayfa_kaydet();
    if (ekran_mod != "sayfa") {
      ekran_mod_degisti("sayfa");
    } else {
      sayfa_ayarlari();
    }
  }
}

function sayfa_geri() {
  if (ekran_mod == "etkinlik") {
    if (canvas_olusturuldu_mu == 1) {
      cizim_kaydet();
    }

    let etkinlik_index = Object.keys(etkinlikler).indexOf(etkinlik.toString());
    if (etkinlik_index > 0) {
      etkinlik = Object.keys(etkinlikler)[etkinlik_index - 1];

      let etkinlik_sayfa = Object.entries(yakinlastir_buton_pozisyonlari)
        .find(([id, pozisyon]) => id == etkinlik)[1]
        .split("-")[2];
      sayfa = parseInt(etkinlik_sayfa);

      etkinlik_icerik_guncelle(etkinlik);

      var sayfa_yazi = document.getElementById("sayfa_yazi");
      sayfa_yazi.innerHTML = parseInt(sayfa + 1) + "/" + sayfalar.length;

      var etkinlik_image = new Image(),
        etkinlik_canvas = document.getElementById("etkinlik_canvas"),
        etkinlik_ctx = etkinlik_canvas.getContext("2d");
      etkinlik_ayarlari = etkinlikler[etkinlik].split("-");
      document.querySelector("#etkinlik_canvas").width = etkinlik_ayarlari[2];
      document.querySelector("#etkinlik_canvas").height = etkinlik_ayarlari[3];

      etkinlik_image.src = "./sayfalar/" + sayfalar[sayfa];
      etkinlik_image.addEventListener("load", () => {
        etkinlik_ctx.drawImage(
          etkinlik_image,
          etkinlik_ayarlari[0],
          etkinlik_ayarlari[1],
          etkinlik_ayarlari[2],
          etkinlik_ayarlari[3],
          0,
          0,
          etkinlik_ayarlari[2],
          etkinlik_ayarlari[3]
        );

        etkinlik_zoom = calculateZoom(etkinlik_ayarlari);
        document.getElementById("etkinlik").style.zoom = etkinlik_zoom;

        canvas.setWidth(
          document.getElementById("etkinlik_canvas").clientWidth *
            (screen_scale * etkinlik_zoom * responsive_zoom)
        );
        canvas.setHeight(
          document.getElementById("etkinlik_canvas").clientHeight *
            (screen_scale * etkinlik_zoom * responsive_zoom)
        );
        screen_scale = (screen_scale / 100) * 100;
        sayfa_boyutlari_ayarla();
        sayfa_etkinlik_ortala();
      });

      onceki_sayfa = sayfa;
      onceki_etkinlik = etkinlik;
      onceki_ekran_mod = ekran_mod;

      // Sayfa değiştiğinde localStorage'a kaydet
      son_sayfa_kaydet();

      if (canvas_olusturuldu_mu == 1) {
        cizim_degistir();
      }
    } else {
      console.log("İlk etkinlikte bulunuyorsunuz.");
    }
  } else {
    sayfa--;
    // Sayfa değiştiğinde localStorage'a kaydet
    son_sayfa_kaydet();
    if (ekran_mod != "sayfa") {
      ekran_mod_degisti("sayfa");
    } else {
      sayfa_ayarlari();
    }
  }
}

function calculateZoom(etkinlik_ayarlari) {
  let etkinlik_zoom_hesapla = 1;
  let while_sayac = 0;
  while (true) {
    if (
      (ekran_boyutlari.clientWidth / 100) * 75 >
        etkinlik_ayarlari[2] *
          (etkinlik_zoom_hesapla * responsive_zoom * default_screen_scale) &&
      ((ekran_boyutlari.clientHeight -
        document.querySelector(".alt_menu").clientHeight * responsive_zoom) /
        100) *
        90 >
        etkinlik_ayarlari[3] *
          (etkinlik_zoom_hesapla * responsive_zoom * default_screen_scale)
    ) {
      return etkinlik_zoom_hesapla;
    }

    if (etkinlik_zoom_hesapla < 0.1 || while_sayac > 200) {
      return 0.5;
    }

    etkinlik_zoom_hesapla -= 0.01;
    while_sayac++;
  }
}

function cizim_hepsini_sil() {
  if (bos_sayfa_durum == 0) {
    canvas.loadFromJSON(bos_canvas);
  } else {
    bos_sayfa_canvas.loadFromJSON(bos_canvas);
  }
}

function bos_sayfa_toggle() {
  let bos_sayfa_yeni_durum;
  if (bos_sayfa_durum == 0) {
    bos_sayfa_yeni_durum = 1;
  } else {
    bos_sayfa_yeni_durum = 0;
  }

  bos_sayfa_durum = bos_sayfa_yeni_durum;

  if (bos_sayfa_durum == 1) {
    bos_sayfa_yukaridan_bosluk =
      ekran_boyutlari.clientHeight / 2 -
      document.getElementById("bos_sayfa_div").clientHeight / 2;
    bos_sayfa_soldan_bosluk =
      ekran_boyutlari.clientWidth -
      document.getElementById("bos_sayfa_div").clientWidth;
    sayfa_bosluk_ayarla();
  } else {
    bos_sayfa_soldan_bosluk = "-9000";
    bos_sayfa_yukaridan_bosluk = "-9000";
    sayfa_bosluk_ayarla();
    bos_sayfa_durum = 0;
  }
}

function cizim_kaydet() {
  var array_sorgu = [0, 0];
  if (onceki_ekran_mod == "sayfa") {
    array_sorgu[0] = 0;
    array_sorgu[1] = onceki_sayfa;
  } else if (onceki_ekran_mod == "etkinlik") {
    array_sorgu[0] = 1;
    array_sorgu[1] = onceki_etkinlik;
  }
  cizim_kayitlar[array_sorgu[0]][array_sorgu[1]][0] = JSON.stringify(canvas);
  cizim_kayitlar_bos_canvas[array_sorgu[0]][array_sorgu[1]][0] =
    JSON.stringify(bos_sayfa_canvas);
}

function sayfa_ayarlari() {
  let function_calissin_mi = 1;
  if (sayfa < 0) {
    sayfa = onceki_sayfa;
    function_calissin_mi = 0;
  }

  if (sayfa > sayfalar.length - 1) {
    sayfa = onceki_sayfa;
    function_calissin_mi = 0;
  }
  if (function_calissin_mi) {
    screen_scale = default_screen_scale;
    sayfa_gorunurluk("hidden");
    cizim_kaydet();
    sayfa_degistir_sayfa = sayfa + 1;
    document.querySelector(".sayfa_degistir_menu_ekran").innerHTML =
      sayfa_degistir_sayfa;
    sayfa_degistir_sayac = 751;
    var sayfa_resim = document.querySelector("#sayfa_resim");
    var sayfa_yazi = document.getElementById("sayfa_yazi");
    var birinci_sayfa_node = document.querySelector(".page_1");

    resim_dosya_yolu = "./sayfalar/" + sayfalar[sayfa];
    sayfa_resim.src = resim_dosya_yolu;

    while (birinci_sayfa_node.childNodes.length > 2) {
      birinci_sayfa_node.removeChild(birinci_sayfa_node.lastChild);
    }

    birinci_sayfa_cevap_butonlar_resimler = [];
    birinci_sayfa_yakinlastir_butonlar = [];

    for (const [id, pozisyon] of Object.entries(cevap_pozisyonlari)) {
      pozisyonlar = pozisyon.split("-");
      if (pozisyonlar[3] == sayfa) {
        var gizlensin_mi = cevaplar_durum[id];
        if (gizlensin_mi == 0) {
          gizlensin_mi = " gizli";
        } else {
          gizlensin_mi = "";
        }
        birinci_sayfa_cevap_butonlar_resimler.push(id);
        birinci_sayfa_node.innerHTML +=
          '<img src="./cevaplar/' +
          id +
          '.webp" class="cevap' +
          gizlensin_mi +
          '" id="' +
          id +
          '" sayfa="' +
          pozisyonlar[3] +
          '" etkinlik="' +
          pozisyonlar[2] +
          '">';
        birinci_sayfa_node.innerHTML +=
          '<button class="cevap_goster_btn" style="height: ' +
          butonlar_boyut / (screen_scale * responsive_zoom) +
          "px; width: " +
          butonlar_boyut / (screen_scale * responsive_zoom) +
          'px;" data-id="' +
          id +
          '" sayfa="' +
          pozisyonlar[3] +
          '" etkinlik="' +
          pozisyonlar[2] +
          '"></button>';
      }
    }

    for (const [id, pozisyon] of Object.entries(
      yakinlastir_buton_pozisyonlari
    )) {
      pozisyonlar = pozisyon.split("-");
      if (pozisyonlar[2] == sayfa) {
        birinci_sayfa_node.innerHTML +=
          '<button class="yakinlastir_btn" style="height: ' +
          butonlar_boyut / (screen_scale * responsive_zoom) +
          "px; width: " +
          butonlar_boyut / (screen_scale * responsive_zoom) +
          'px;" sayfa="' +
          pozisyonlar[2] +
          '" etkinlik="' +
          id +
          '"></button>';
        birinci_sayfa_yakinlastir_butonlar.push(id);
      }
    }

    for (const [id, pozisyon] of Object.entries(medyalar)) {
      pozisyonlar = pozisyon.split("-");
      if (pozisyonlar[4] == sayfa) {
        if (pozisyonlar[0].includes(".mp4")) {
          birinci_sayfa_node.innerHTML +=
            '<button class="video_btn" style="height: ' +
            butonlar_boyut / (screen_scale * responsive_zoom) +
            "px; width: " +
            butonlar_boyut / (screen_scale * responsive_zoom) +
            'px;" sayfa="' +
            pozisyonlar[3] +
            '" media-id="' +
            id +
            '" onclick="medya_oynat(' +
            "'" +
            pozisyonlar[0] +
            "'" +
            ')"></button>';
        } else if (pozisyonlar[0].includes(".mp3")) {
          birinci_sayfa_node.innerHTML +=
            '<button class="ses_btn" style="height: ' +
            butonlar_boyut / (screen_scale * responsive_zoom) +
            "px; width: " +
            butonlar_boyut / (screen_scale * responsive_zoom) +
            'px;" sayfa="' +
            pozisyonlar[3] +
            '" media-id="' +
            id +
            '"  onclick="medya_oynat(' +
            "'" +
            pozisyonlar[0] +
            "'" +
            ')"></button>';
        }
      }
    }
    listen_buttons();
    set_elements();

    sayfa_yazi.innerHTML = parseInt(sayfa + 1) + "/" + sayfalar.length;
    if (canvas_olusturuldu_mu) {
      cizim_degistir();
      if (bos_canvas == null) {
        bos_canvas = JSON.stringify(canvas);
      }
    }

    onceki_sayfa = sayfa;
    onceki_etkinlik = etkinlik;
    onceki_ekran_mod = ekran_mod;
    if (canvas_olusturuldu_mu == 1) {
      cizim_degistir();
    }
  }
}

setInterval(() => {
  if (setup_is_work == 1) {
    sayfa_genislik_anlik = parseFloat(ekran_boyutlari.clientWidth);
    sayfa_yukseklik_anlik = parseFloat(ekran_boyutlari.clientHeight);
    if (
      sayfa_genislik_anlik != sayfa_genislik_anlik_onceki ||
      sayfa_yukseklik_anlik != sayfa_yukseklik_anlik_onceki
    ) {
      ekran_oranla();
      sayfa_yukseklik_anlik_onceki = sayfa_yukseklik_anlik;
      sayfa_genislik_anlik_onceki = sayfa_genislik_anlik;
      eski_genislik = document.getElementById("canvas_cizim").width;
    }
  }
}, 1);

function ekran_oranla() {
  var responsive_zoom_hesapla;
  var soldan_bosluk_hesapla_anlik;
  var zoomdan_once_sonra_fark_sol;
  responsive_zoom_hesapla = sayfa_yukseklik_anlik / sayfa_yukseklik_ilk;
  responsive_zoom = responsive_zoom_hesapla;
  document.querySelector(".sayfa_degistir_menu").style.zoom = responsive_zoom;
  document.querySelector(".alt_menu").style.zoom = responsive_zoom;
  araclar_scale_hesapla = sayfa_yukseklik_anlik / 1080;
  document.querySelector(".araclar").style.zoom = araclar_scale_hesapla;

  if (
    (ekran_boyutlari.clientHeight / 100) * 90 >
    ekran_boyutlari.clientWidth / 2.5
  ) {
    document.getElementById("bos_sayfa_div").style.width =
      (ekran_boyutlari.clientWidth / 2.5) * bos_sayfa_kucult_buyut_oran + "px";
    document.getElementById("bos_sayfa_div").style.height =
      (ekran_boyutlari.clientWidth / 2.5) * bos_sayfa_kucult_buyut_oran + "px";
  } else {
    document.getElementById("bos_sayfa_div").style.width =
      (ekran_boyutlari.clientHeight / 100) * 90 * bos_sayfa_kucult_buyut_oran +
      "px";
    document.getElementById("bos_sayfa_div").style.height =
      (ekran_boyutlari.clientHeight / 100) * 90 * bos_sayfa_kucult_buyut_oran +
      "px";
  }

  sayfa_boyutlari_ayarla();

  if (mod_degisti == 1) {
    zoomdan_once_sonra_fark_sol = 0;
  } else {
    zoomdan_once_sonra_fark_sol =
      document.getElementById("canvas_cizim").width - eski_genislik;

    if (
      bos_sayfa_soldan_bosluk +
        (sayfa_genislik_anlik - sayfa_genislik_anlik_onceki) / 1.5 <
      0
    ) {
      bos_sayfa_soldan_bosluk = 0;
    } else if (
      bos_sayfa_soldan_bosluk +
        (sayfa_genislik_anlik - sayfa_genislik_anlik_onceki) / 1.5 >
      parseInt(ekran_boyutlari.clientWidth) - bos_sayfa_surukle_div.clientWidth
    ) {
      bos_sayfa_soldan_bosluk =
        parseInt(ekran_boyutlari.clientWidth) -
        bos_sayfa_surukle_div.clientWidth;
    } else {
      bos_sayfa_soldan_bosluk =
        bos_sayfa_soldan_bosluk +
        (sayfa_genislik_anlik - sayfa_genislik_anlik_onceki) / 1.5;
    }
  }

  soldan_bosluk_hesapla_anlik =
    (sayfa_genislik_anlik -
      (sayfa_genislik_anlik_onceki + zoomdan_once_sonra_fark_sol)) /
    2;

  sayfa_soldan_bosluk = sayfa_soldan_bosluk + soldan_bosluk_hesapla_anlik;

  sayfa_bosluk_ayarla();
}

function sayfa_degistir_menu_toggle() {
  document.querySelector(".sayfa_degistir_menu").classList.toggle("gizli");
}

function sayfa_degistir_yazi(gelen) {
  if (gelen != "git" && gelen != "sil") {
    if (sayfa_degistir_sayac < 450) {
      if (
        parseInt(sayfa_degistir_sayfa.toString() + gelen) <= sayfalar.length
      ) {
        sayfa_degistir_sayfa = sayfa_degistir_sayfa.toString() + gelen;
        sayfa_degistir_sayac = 0;
      } else {
        sayfa_degistir_sayfa = sayfalar.length;
        sayfa_degistir_sayac = 0;
      }
    } else if (sayfa_degistir_sayac >= 450 && gelen == 0) {
      if (
        parseInt(sayfa_degistir_sayfa.toString() + gelen) <= sayfalar.length
      ) {
        sayfa_degistir_sayfa = sayfa_degistir_sayfa.toString() + gelen;
        sayfa_degistir_sayac = 0;
      } else {
        sayfa_degistir_sayfa = sayfalar.length;
        sayfa_degistir_sayac = 0;
      }
    } else if (gelen != 0) {
      if (gelen <= sayfalar.length) {
        sayfa_degistir_sayfa = gelen;
        sayfa_degistir_sayac = 0;
      } else {
        sayfa_degistir_sayfa = sayfalar.length;
        sayfa_degistir_sayac = 0;
      }
    }
  } else if (gelen == "git") {
    sayfa = parseInt(sayfa_degistir_sayfa) - 1;
    // Sayfa değiştiğinde localStorage'a kaydet
    son_sayfa_kaydet();
    ekran_mod_degisti("sayfa");
    sayfa_degistir_sayac = 451;
    sayfa_degistir_menu_toggle();
  } else if (gelen == "sil") {
    if (parseInt(sayfa_degistir_sayfa) >= 10) {
      sayfa_degistir_sayfa = sayfa_degistir_sayfa.toString().slice(0, -1);
      sayfa_degistir_sayac = 0;
    } else {
      sayfa_degistir_sayfa = 1;
      sayfa_degistir_sayac = 451;
    }
  }

  document.querySelector(".sayfa_degistir_menu_ekran").innerHTML =
    sayfa_degistir_sayfa;
}

function dondur_btn() {
  var rotatables = document.querySelectorAll(".rotatable");

  for (i = 0; i < rotatables.length; ++i) {
    var donduruldu_mu = 0;
    if (i == 0) {
      if (
        (rotatables[i].style.transform == "rotate(0deg)" ||
          rotatables[i].style.transform == "") &&
        donduruldu_mu == 0
      ) {
        rotatables[i].style.transform = "rotate(-90deg)";
        donduruldu_mu = 1;
        araclar_durum = 1;
      }

      if (
        rotatables[i].style.transform == "rotate(-90deg)" &&
        donduruldu_mu == 0
      ) {
        rotatables[i].style.transform = "rotate(0deg)";
        donduruldu_mu = 1;
        araclar_durum = 0;
      }
    } else {
      if (
        (rotatables[i].style.transform == "rotate(0deg)" ||
          rotatables[i].style.transform == "") &&
        donduruldu_mu == 0
      ) {
        rotatables[i].style.transform = "rotate(90deg)";
        donduruldu_mu = 1;
      }

      if (
        rotatables[i].style.transform == "rotate(90deg)" &&
        donduruldu_mu == 0
      ) {
        rotatables[i].style.transform = "rotate(0deg)";
        donduruldu_mu = 1;
      }
    }
  }
}

function player_content_kapat() {
  document.querySelector(".player-content").style.display = "none";
  document.querySelector(".player-content video").pause();
}

addEventListener("load", () => {
  ekran_mod_degisti((gelen_mod = null));
});

fetch("../../../logo.png")
  .then((response) => {
    if (response.status === 200) {
      const fixedText = document.createElement("div");
      fixedText.textContent = "Pakete dön";
      document.body.appendChild(fixedText);

      fixedText.style.position = "fixed";
      fixedText.style.bottom = ".10%";
      fixedText.style.right = ".10%";
      fixedText.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
      fixedText.style.color = "#fff";
      fixedText.style.padding = "10px";
      fixedText.style.borderRadius = "5px";
      fixedText.style.cursor = "pointer";
      fixedText.style.zIndex = 99999999;

      const link = "../../../main.html";

      fixedText.addEventListener("click", () => {
        window.location.href = link;
      });
    }
  })
  .catch((error) => {});
