var alt = {
    'a' : 'Apple',
    'b' : 'Beard',
    'c' : 'Condom',
    'd' : 'Dick',
    'e' : 'Erection',
    'f' : 'Friend',
    'g' : 'Great',
    'h' : 'Hashtag',
    'i' : 'Idol',
    'j' : 'Jesus',
    'k' : 'Kiss',
    'l' : 'LOL',
    'm' : 'Many',
    'n' : 'Nothing',
    'o' : 'Only',
    'p' : 'Prison',
    'q' : 'Quote',
    'r' : 'Redundant',
    's' : 'Slave',
    't' : 'Tennis',
    'u' : 'Unicorn',
    'v' : 'Vast',
    'w' : 'Waste',
    'x' : 'Xeno',
    'y' : 'You',
    'z' : 'Zimbabwe'
};

var nato = {
    'a' : 'Alpha',
    'b' : 'Bravo',
    'c' : 'Charlie',
    'd' : 'Delta',
    'e' : 'Echo',
    'f' : 'Foxtrot',
    'g' : 'Golf',
    'h' : 'Hotel',
    'i' : 'India',
    'j' : 'Juliett',
    'k' : 'Kilo',
    'l' : 'Lima',
    'm' : 'Mike',
    'n' : 'November',
    'o' : 'Oscar',
    'p' : 'Papa',
    'q' : 'Quebec',
    'r' : 'Romeo',
    's' : 'Sierra',
    't' : 'Tango',
    'u' : 'Uniform',
    'v' : 'Victor',
    'w' : 'Whiskey',
    'x' : 'X-ray',
    'y' : 'Yankee',
    'z' : 'Zulu'
};

var nl = {
    'a' : 'Anna',
    'b' : 'Bernard',
    'c' : 'Cornelis',
    'd' : 'Dirk',
    'e' : 'Eduard',
    'f' : 'Ferdinand',
    'g' : 'Gerard',
    'h' : 'Hendrik',
    'i' : 'Izaak',
    'j' : 'Julius',
    'k' : 'Karel',
    'l' : 'Lodewijk',
    'm' : 'Maria',
    'n' : 'Nico',
    'o' : 'Otto',
    'p' : 'Pieter',
    'q' : 'Quotiënt',
    'r' : 'Rudolf',
    's' : 'Simon',
    't' : 'Teunis',
    'u' : 'Utrecht',
    'v' : 'Victor',
    'w' : 'Willem',
    'x' : 'Xanthippe',
    'y' : 'Ypsilon',
    'z' : 'Zaandam'
};

var tr = {
    'a' : 'Aydın',
    'b' : 'Bekir',
    'c' : 'Cemal',
    'ç' : 'Çankırı',
    'd' : 'Deniz',
    'e' : 'Engin',
    'f' : 'Fener',
    'g' : 'Gazi',
    'h' : 'Halat',
    'i' : 'Islak',
    'j' : 'Jale',
    'k' : 'Kilo',
    'l' : 'Liman',
    'm' : 'Merih',
    'n' : 'Neptün',
    'o' : 'Oruç',
    'p' : 'Pilot',
    'r' : 'Roket',
    's' : 'Süngü',
    't' : 'Türk',
    'u' : 'Ulu',
    'ü' : 'Üzüm',
    'x' : 'Xanthippe',
    'y' : 'Yavuz',
    'z' : 'Zeybek',
    'ö' : 'Ömer'
};

dictionaries = {'alt' : alt, 'nato' : nato, 'nl' : nl, 'tr' : tr};

var input = '';
var q = document.getElementById('q');
var select = document.getElementById('type');

window.onload = q.onchange = q.onkeyup = function(){
    input = q.value.toLowerCase();
    output(input);
	var slug = input.replace(/[^a-z0-9]/gi, '');
	window.history.replaceState(input, 'test', slug)
};

if(typeof sessvars.type === "undefined")
{
    sessvars.type = 'nl';
}

var a_alt = document.getElementById('alt');
var a_nato = document.getElementById('nato');
var a_nl = document.getElementById('nl');

a_alt.onclick = function(){
    sessvars.type = 'alt';
    input = q.value.toLowerCase();
    a_alt.className = "active";
    a_nato.className = "";
    a_nl.className = "";
    output(input);
}

a_nato.onclick = function(){
    sessvars.type = 'nato';
    input = q.value.toLowerCase();
    a_alt.className = "";
    a_nato.className = "active";
    a_nl.className = "";
    output(input);
}

a_nl.onclick = function(){
    sessvars.type = 'nl';
    input = q.value.toLowerCase();
    a_alt.className = "";
    a_nato.className = "";
    a_nl.className = "active";
    output(input);
}

function output(input){

    var chars = input.length;
    var output = '<dl>';
    //var type = document.getElementById('type').value;
    var type = sessvars.type;

    for(var i = 0; i < chars; i++)
    {
        var c = input.charAt(i);

        if(typeof dictionaries[type][c] === "undefined")
        {
            output += '<dt>' + c + '</dt><dd class="no">' + c + '</dd>';
        }
        else
        {
            output += '<dt>' + c + '</dt><dd class="yes">' + dictionaries[type][c] + '</dd>';
        }
    }

    document.getElementById('output').innerHTML = output + '</dl>';
}