// ==UserScript==
// @name         issoutv
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       ence
// @match        https://avenoel.org/topic*
// @grant        none
// ==/UserScript==

function createIssoutvPlayer (id) {
    const formats = ['webm', 'mp4'];

    let video = document.createElement('video');
    video.setAttribute('controls', '');
    video.setAttribute('width', '320');
    video.setAttribute('height', '240');
    video.setAttribute('preload', 'none');

    let sources = formats.map(format => {
        let source1 = document.createElement('source');
        let source2 = document.createElement('source');

        source1.setAttribute('src', `http://issoutv.com/files/${id}${format === 'mp4' ? '.mp4' : ''}`);
        source2.setAttribute('src', `http://issoutv.com/filesSecond/${id}${format === 'mp4' ? '.mp4' : ''}`);
        source1.setAttribute('type', `video/${format}`);
        source2.setAttribute('type', `video/${format}`);

        video.appendChild(source1);
        video.appendChild(source2);
    });

    return video;
}

function issoutv () {
    Array.from(document.getElementsByClassName('message-content')).map(message => {
            Array.from(message.getElementsByTagName('a'))
            .filter(a => a.host === 'issoutv.com' && a.pathname === '/view.php')
            .map(a => {
                let player = createIssoutvPlayer(a.search.split('=')[1]);
                a.parentNode.parentNode.replaceChild(player, a.parentNode);
         });
    });
}

function createWebmPlayer (src) {
    let video = document.createElement('video');
    video.setAttribute('controls', '');
    video.setAttribute('width', '320');
    video.setAttribute('height', '240');
    video.setAttribute('preload', 'none');

    let source = document.createElement('source');
    source.setAttribute('src', src);
    source.setAttribute('type', 'video/webm');

    video.appendChild(source);

    return video;
}

function webm () {
        Array.from(document.getElementsByClassName('message-content')).map(message => {
            Array.from(message.getElementsByTagName('a'))
            .filter(a => a.pathname.split('.').pop() === 'webm')
            .map(a => {
                let player = createWebmPlayer(a.href);
                a.parentNode.parentNode.replaceChild(player, a.parentNode);
         });
    });
}

(function() {
    'use strict';

    issoutv();
    webm();
})();