Einthusan Cinema Mode v2

A plugin for Einthusan. To turn the background darker and so on.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         Einthusan Cinema Mode v2
// @namespace    Einthusan Cinema Mode
// @version      0.2
// @description  A plugin for Einthusan. To turn the background darker and so on.
// @author       Kevin K Varughese
// @include        *einthusan.*/movie/watch/*
// @match        https://greasyfork.org/nb/scripts/2054-change-background-color/code
// @grant        none
// @require http://code.jquery.com/jquery-latest.js
// ==/UserScript==

(function() {
    'use strict';
    var turned = 0;
    var div = document.getElementsByClassName('interaction-bar')[0];
div.innerHTML += '<button id="fullscreen" onclick="cinemaO()">Cinema</button>';
    var defHtml = div.innerHTML;
    var buttonId = document.getElementById('fullscreen');
    var bodyHTML = document.body.innerHTML;
    document.body.innerHTML = bodyHTML + '<div id="cineDiv" style="background-color:black;position:fixed;top:0;left:0;right:0;bottom:0px;visibility:hidden;" class=""></div>';

    document.body.style.backgroundColor="#FFFFFF";

    function visOff(coll){
    for(var i=0, len=coll.length; i<len; i++)
    {
        coll[i].style.visibility = 'hidden';
    }
}
        function visOn(coll){
    for(var i=0, len=coll.length; i<len; i++)
    {
        coll[i].style.visibility = 'visible';
    }
}

    function chColor(color) {
var colour = color;
    document.body.style.backgroundColor=colour;
    }
    function cinema() {

        if (turned == 0){
            turned = 1;
            chColor('#000000');
           document.getElementById("fullscreen").style.backgroundColor="#111111";
            visOff(document.getElementsByClassName('tabbing'));
            visOff(document.getElementsByClassName('comment-rate-wrapper'));
            visOff(document.getElementsByClassName('toggle red'));
            visOff(document.getElementsByClassName('toggle blue'));
            document.getElementById("supported-languages").style.visibility = 'hidden';
            document.getElementById("UIHeadBar").style.visibility = 'hidden';
            document.getElementById("UIMovieSummary").style.visibility = 'hidden';
            div.style.color='#000000';
            document.body.style.overflow = 'hidden';
        } else {
            turned = 0;
            chColor('#FFFFFF');
            document.getElementById("fullscreen").style.backgroundColor="#FFFFFF";
            visOn(document.getElementsByClassName('tabbing'));
            visOn(document.getElementsByClassName('comment-rate-wrapper'));
            visOn(document.getElementsByClassName('toggle red'));
            visOn(document.getElementsByClassName('toggle blue'));
            document.getElementById("supported-languages").style.visibility = 'visible';
            document.getElementById("UIHeadBar").style.visibility = 'visible';
            document.getElementById("UIMovieSummary").style.visibility = 'visible';
            document.body.style.overflow = 'scroll';
        }
    }

    function cinemaOn() {
        document.getElementById('cineDiv').style.visibility='visible';
        document.getElementsByClassName('qc-cmp-persistent-link')[0].style.visibility="hidden";
        document.getElementById('UIVideoPlayer').style.zIndex='2';
    }
    function cinemaOff() {
        document.getElementById('cineDiv').style.visibility='hidden';
        document.getElementsByClassName('qc-cmp-persistent-link')[0].style.visibility="visible";
    }

    document.getElementById("fullscreen").addEventListener("click", cinemaOn);
    document.getElementById("cineDiv").addEventListener("click", cinemaOff);
    //buttonId.addEventListener('click', makeDark('#222222'));
    // $('#fullscreen').click(function(){
     //    cinemaOn();
    // });


})();