// ==UserScript==
// @name         TwistedTV
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       Gfarro
// @match        http://www.subportal.io/*
// @grant        none
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @run-at       document-end
// ==/UserScript==

var $ = window.jQuery;
var fullscreen = false;

(function() {
    'use strict';

})();

window.addEventListener('load', function() {
    $("#fullscreenHLS").click(function() {
        if(fullscreen == false) {
            //hide elements
            console.log("full screen");
            $(".modal-header").css("display", "none");
            $(".modal-body").css("padding", "0");
            $(".modal-dialog").addClass("modal-dialog-cinema");
            $(".modal-dialog").css("margin", "0");
            $("#myHLSPlayerVideo").css("width", "100%");
            $("#myHLSPlayerVideo").css("height", "100%");

            $("#fullscreenHLS").css("position", "absolute");
            $("#fullscreenHLS").css("bottom", "70px");
            $("#fullscreenHLS").css("right", "5px");

            $("#myHLSPlayer").css("left", "0");
            $("#myHLSPlayer").css("top", "0");

            fullscreen = true;
        } else {
            console.log("remove full screen");
            $(".modal-dialog").removeClass("modal-dialog-cinema");
            $(".modal-header").css("display", "block");
            $(".modal-body").css("padding", "0");

            $("#fullscreenHLS").css("position", "");

            fullscreen = false;
        }
    });
}, false);