// ==UserScript==
// @name Pennergame-Bandenchat
// @description Provides a shoutbox on every pennergame site.
// @namespace pg-chat.user.js
// @version  0.9
// @include https://www.pennergame.de/*
// @include http://www.pennergame.de/*
// @include https://atlantis.pennergame.de/*
// @include http://atlantis.pennergame.de/*
// @include https://koeln.pennergame.de/*
// @include http://koeln.pennergame.de/*
// grant unsafeWindow
// @downloadURL none
// ==/UserScript==
/* jslint asi: true, esversion: 6 */
document.addEventListener('DOMContentLoaded',
    (function() {
        if (screen.width < 1680) {
            console.log('Bandenchat-Userscript wurde deaktiviert, weil der Bildschirm nicht groß genug ist.')
            return
        }
        var body = document.querySelector('#center')
        if (!body) {
            return
        }
        var div = document.createElement('div')
        var txt = document.createTextNode('Lade Bandenchat...')
        div.appendChild(txt)
        body.appendChild(div)
        div.style.width = '20%'
        div.style.position = 'absolute'
        div.style.right = '0'
        div.style.display = 'inline'
        div.style.color = 'white'
        div.style.fontSize = '12px'

        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                div.innerHTML = this.responseText
                var pagebar = div.querySelector('.pagebar')
                pagebar.remove()
                var textArea = div.querySelector('#f_text')
                var taParent = textArea.parentNode.parentNode.style.width = ''
                textArea.parentNode.parentNode.style.padding = '0'
                textArea.style.maxWidth = '90%'
            }
        };
        xhttp.open("GET", 'https://' + window.location.hostname + '/gang/shoutbox_ajax/?' + Date.now(), true);
        xhttp.send();
    })()
)