Untitled

<html>
<head>

<style type="text/css">
body
{
    margin: 0px;
    background: #000;
}
iframe
{
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0px;
    width: 100%;
    height: 100%;
}
div
{
    width: 300px;
    height: 30px;
    position: absolute;
    right: 0px;
    z-index: 1;
    line-height: 30px;
    font-size: 13px;
    color: #aaaaaa;
    background: linear-gradient(rgb(69, 72, 77) 0%, rgb(0, 0, 0) 100%);
    font-family: Arial;
    font-weight: bold;
    text-align: left;
}
select
{
    margin-top: 5px;
    margin-left: 5px;
}
#add
{
    width: 30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
</style>

<script type="text/javascript">
var windowCount = 0;
/*
var a = document.getElementsByTagName("a");
for (var i = 0; i < a.length; i++)
if (a[i].href.indexOf("/events/") != -1)
console.log("\"" + a[i].href + "\": \"" + a[i].innerHTML + "\",")
*/
var servers =
{
    "North America":
    {
        "http://us.gw2stuff.com/events/anvil-rock": "Anvil Rock",
        "http://us.gw2stuff.com/events/blackgate": "Blackgate",
        "http://us.gw2stuff.com/events/borlis-pass": "Borlis Pass",
        "http://us.gw2stuff.com/events/crystal-desert": "Crystal Desert",
        "http://us.gw2stuff.com/events/darkhaven": "Darkhaven",
        "http://us.gw2stuff.com/events/devonas-rest": "Devona's Rest",
        "http://us.gw2stuff.com/events/dragonbrand": "Dragonbrand",
        "http://us.gw2stuff.com/events/ehmry-bay": "Ehmry Bay",
        "http://us.gw2stuff.com/events/eredon-terrace": "Eredon Terrace",
        "http://us.gw2stuff.com/events/fergusons-crossing": "Ferguson's Crossing",
        "http://us.gw2stuff.com/events/fort-aspenwood": "Fort Aspenwood",
        "http://us.gw2stuff.com/events/gate-of-madness": "Gate of Madness",
        "http://us.gw2stuff.com/events/henge-of-denravi": "Henge of Denravi",
        "http://us.gw2stuff.com/events/isle-of-janthir": "Isle of Janthir",
        "http://us.gw2stuff.com/events/jade-quarry": "Jade Quarry",
        "http://us.gw2stuff.com/events/kaineng": "Kaineng",
        "http://us.gw2stuff.com/events/maguuma": "Maguuma",
        "http://us.gw2stuff.com/events/northern-shiverpeaks": "Northern Shiverpeaks",
        "http://us.gw2stuff.com/events/sanctum-of-rall": "Sanctum of Rall",
        "http://us.gw2stuff.com/events/sea-of-sorrows": "Sea of Sorrows",
        "http://us.gw2stuff.com/events/sorrows-furnace": "Sorrow's Furnace",
        "http://us.gw2stuff.com/events/stormbluff-isle": "Stormbluff Isle",
        "http://us.gw2stuff.com/events/tarnished-coast": "Tarnished Coast",
        "http://us.gw2stuff.com/events/yaks-bend": "Yak's Bend",
    },
    "Europe":
    {
        "http://v2.gw2stuff.com/events/aurora-glade": "Aurora Glade",
        "http://v2.gw2stuff.com/events/blacktide": "Blacktide",
        "http://v2.gw2stuff.com/events/desolation": "Desolation",
        "http://v2.gw2stuff.com/events/far-shiverpeaks": "Far Shiverpeaks",
        "http://v2.gw2stuff.com/events/fissure-of-woe": "Fissure of Woe",
        "http://v2.gw2stuff.com/events/gandara": "Gandara",
        "http://v2.gw2stuff.com/events/gunnars-hold": "Gunnar's Hold",
        "http://v2.gw2stuff.com/events/piken-square": "Piken Square",
        "http://v2.gw2stuff.com/events/ring-of-fire": "Ring of Fire",
        "http://v2.gw2stuff.com/events/ruins-of-surmia": "Ruins of Surmia",
        "http://v2.gw2stuff.com/events/seafarers-rest": "Seafarer's Rest",
        "http://v2.gw2stuff.com/events/underworld": "Underworld",
        "http://v2.gw2stuff.com/events/vabbi": "Vabbi",
        "http://v2.gw2stuff.com/events/whiteside-ridge": "Whiteside Ridge",
        "http://v2.gw2stuff.com/events/arborstone": "Arborstone [FR]",
        "http://v2.gw2stuff.com/events/augury-rock": "Augury Rock [FR]",
        "http://v2.gw2stuff.com/events/fort-ranik": "Fort Ranik [FR]",
        "http://v2.gw2stuff.com/events/jade-sea": "Jade Sea [FR]",
        "http://v2.gw2stuff.com/events/vizunah-square": "Vizunah Square [FR]",
        "http://v2.gw2stuff.com/events/adaddons-mouth": "Abaddon's Mouth [DE]",
        "http://v2.gw2stuff.com/events/drakkar-lake": "Drakkar Lake [DE]",
        "http://v2.gw2stuff.com/events/dzagonur": "Dzagonur [DE]",
        "http://v2.gw2stuff.com/events/elona-reach": "Elona Reach [DE]",
        "http://v2.gw2stuff.com/events/kodash": "Kodash [DE]",
        "http://v2.gw2stuff.com/events/millers-sound": "Miller's Sound [DE]",
        "http://v2.gw2stuff.com/events/riverside": "Riverside [DE]",
        "http://v2.gw2stuff.com/events/baruch-bay": "Baruch Bay [SP]",
    }
};

function addWindow()
{
    var i = document.createElement("iframe");
    i.style.right = windowCount * 300 + "px";
    i.id = "w" + windowCount;
    document.body.appendChild(i);

    var d = document.createElement("div");
    d.style.right = windowCount * 300 + "px";
    var select = document.createElement("select");
    select.onchange = function() { selectServer(select, i) };

    var option = document.createElement("option");
    option.value = "";
    option.text = "Select a server...";
    option.disabled = true;
    select.add(option, null);

    for (var r in servers)
    {
        var region = servers[r];
        var group = document.createElement("optgroup");
        group.label = r;
        for (var s in region)
        {
            option = document.createElement("option");
            option.value = s;
            option.text = region[s];
            group.appendChild(option);
        }
        select.appendChild(group);
    }

    d.appendChild(select);
    document.body.appendChild(d);

    windowCount++;

    document.getElementById("add").style.right = windowCount * 300 + "px";
}

function setup()
{
    addWindow();
}
function selectServer(s, i)
{
    i.src = s.value;
}
</script>

</head>
<body onLoad="setup()">

<div id="add" onClick="addWindow()">+</div>

</body>
</html>