Source: legende.js

/**
 * Prints the legende on bottom of the page
 * @param divID
 */
function createLegende(divID) {
    var legende = document.getElementById(divID);
    var table = document.createElement("table");
    legende.appendChild(table);
    var trContent = document.createElement("tr");
    table.appendChild(trContent);
    var thHeadline = document.createElement("th");
    trContent.appendChild(thHeadline);
    thHeadline.innerHTML = "Legende:";
    thHeadline.style.textAlign = "left";
    thHeadline.colSpan = 5;

    ///////////////////////////////////////////////////////
    var tdLable1 = document.createElement("td");
    trContent.appendChild(tdLable1);
    var div1 = document.createElement("div");
    div1.innerHTML = " ";
    div1.className = "colorbox HSKgASK";
    tdLable1.appendChild(div1);
    var tdLable2 = document.createElement("td");
    trContent.appendChild(tdLable2);
    tdLable2.innerHTML = "Stammkämpfer vs. Stammkämpfer";

    ///////////////////////////////////////////////////////
    var tdLable3 = document.createElement("td");
    trContent.appendChild(tdLable3);
    var div2 = document.createElement("div");
    div2.innerHTML = " ";
    div2.className = "colorbox HSKgALK";
    tdLable3.appendChild(div2);
    var tdLable4 = document.createElement("td");
    trContent.appendChild(tdLable4);
    tdLable4.innerHTML = "Stammkämpfer vs. Lizenzkämpfer";

    ///////////////////////////////////////////////////////
    var tdLable5 = document.createElement("td");
    trContent.appendChild(tdLable5);
    var div3 = document.createElement("div");
    div3.innerHTML = " ";
    div3.className = "colorbox HLKgASK";
    tdLable5.appendChild(div3);
    var tdLable6 = document.createElement("td");
    trContent.appendChild(tdLable6);
    tdLable6.innerHTML = "Lizenzkämpfer vs. Stammkämpfer";

    ///////////////////////////////////////////////////////
    var tdLable7 = document.createElement("td");
    trContent.appendChild(tdLable7);
    var div4 = document.createElement("div");
    div4.className = "colorbox HLKgALK";
    div4.innerHTML = " ";
    tdLable7.appendChild(div4);
    var tdLable8 = document.createElement("td");
    trContent.appendChild(tdLable8);
    tdLable8.innerHTML = "Lizenzkämpfer vs. Lizenzkämpfer";

    ///////////////////////////////////////////////////////
    var tdLable9 = document.createElement("td");
    trContent.appendChild(tdLable9);
    var div5 = document.createElement("div");
    div5.className = "colorbox HKL";
    div5.innerHTML = " ";
    tdLable9.appendChild(div5);
    var tdLable10 = document.createElement("td");
    trContent.appendChild(tdLable10);
    tdLable10.innerHTML = "Kampflos";

    ///////////////////////////////////////////////////////
    var tdLable11 = document.createElement("td");
    trContent.appendChild(tdLable11);
    var div6 = document.createElement("div");
    div6.className = "colorbox Stammkaempfer";
    div6.innerHTML = " ";
    tdLable11.appendChild(div6);
    var tdLable12 = document.createElement("td");
    trContent.appendChild(tdLable12);
    tdLable12.innerHTML = "Stammkämpfer";

    ///////////////////////////////////////////////////////
    var tdLable13 = document.createElement("td");
    trContent.appendChild(tdLable13);
    var div7 = document.createElement("div");
    div7.className = "colorbox Lizenzkaempfer";
    div7.innerHTML = " ";
    tdLable13.appendChild(div7);
    var tdLable14 = document.createElement("td");
    trContent.appendChild(tdLable14);
    tdLable14.innerHTML = "Lizenzkämpfer";

    $('.HSKgASK').css('backgroundColor', colors.ss);
    $('.HSKgASK').css('margin-left', '10px');
    $('.HSKgALK').css('backgroundColor', colors.sl);
    $('.HSKgALK').css('margin-left', '10px');
    $('.HLKgASK').css('backgroundColor', colors.ls);
    $('.HLKgASK').css('margin-left', '10px');
    $('.HLKgALK').css('backgroundColor', colors.ll);
    $('.HLKgALK').css('margin-left', '10px');
    $('.HKL').css('backgroundColor', colors.kl);
    $('.HKL').css('margin-left', '10px');
    $('.AKL').css('backgroundColor', colors.kl);
    $('.AKL').css('margin-left', '10px');
    $('.Stammkaempfer').css('background-image', 'url(logos/JudogiBlau.png)');
    $('.Stammkaempfer').css('margin-left', '10px');
    $('.Lizenzkaempfer').css('background-image', 'url(logos/JudogiRot.png)');
    $('.Lizenzkaempfer').css('margin-left', '10px');

}