const tagEmojiMap = {
    'fire-ems': '<span title="Fire/EMS">🚒</span>',
    'law': '<span title="Law Enforcement">🚓</span>',
    'hospital': '<span title="Hospitals">🏥</span>',
    'medcom': '<span title="MedCom">🚑</span>',
    'govt': '<span title="Government">🏢</span>',
    'trash': '<span title="Trash">💩</span>',
    'pubwks': '<span title="Public Works">👷</span>',
    'court': '<span title="Court">⚖</span>',
    'animal': '<span title="Animal Control">🐶</span>',
    'jail': '<span title="Jail">Ⅲ</span>',
    'security': '<span title="Security">💂</span>',
    'bus': '<span title="Bus/Transit">🚌</span>',
    'jefferson': '<img src="jefferson_wv.png" title="Jefferson County, WV">',
    'berkeley': '<img src="berkeley_wv.png" title="Berkeley County, WV">',
    'state': '<img src="wv.png" title="West Virginia">',
    'state_md': '<img src="md.png" title="Maryland">',
    'state_va': '<img src="va.png" title="Virginia">',
    'wv': '<img src="wv.png" title="West Virginia">',
    'va': '<img src="va.png" title="Virginia">',
    'md': '<img src="md.png" title="Maryland">',
    'bmc': '<span title="Berkeley Medical Center">BMC</span>',
    'jmc': '<span title="Jefferson Medical Center">JMC</span>',
    'washington_md': '<img src="washington_md.png" title="Washington County, MD">',
    'frederick_md': '<img src="frederick_md.png" title="Frederick County, MD">',
    'frederick_va': '<img src="frederick_va.png", title="Frederick County, VA">',
    'loudoun_va': '<img src="loudoun_va.png" title="Loudoun County, VA">',
    'martinsburg': '<img src="martinsburg.png" title="Martinsburg WV">',
    'leesburg': '<img src="leesburg.png" title="Leesburg VA">',
    'dispatch': '<span title="Dispatch Talkgroup">📡</span>',
    'tac': '<span title="TAC Talkgroup">T</span>',
    'harpers_ferry': '<span title="Harpers Ferry WV">HFRY</span>',
    'hagerstown': '<span title="Hagerstown MD">HGRS</span>',
    'morgan': '<span title="Morgan County WV">MCWV</span>',
    'fire-training': '<span title="Fire Training">🏫</span>',
    'military': '<span title="Military">🔫</span>',
    'announce': '<span title="MedCom Announce">📢</span>',
    'other-hospital': '<span title="Other Hospital">🏥</span>',
    'airport': '<span title="Airport">✈</span>'

}

function getEmojiForTag(tag) {
    if (tag in tagEmojiMap) {
        return tagEmojiMap[tag];
    } else {
        return tag;
    }
}

function generateTagSelectionTable(inputIdPrefix, numPerRow=5) {
    var html = '<table cellpadding="2">';
    var counter = 0;
    for (t in tagEmojiMap) {
        if (counter % numPerRow == 0) {
            html += '<tr>';
        }
        html += '<td><input type="checkbox" id="' + inputIdPrefix + '-' + t + '"></input>' + getEmojiForTag(t) + '</td>';
        if (counter % numPerRow == numPerRow - 1) {
            html += '</tr>';
        }        
        counter +=1;
    }
    html += '</table>';
    return html;
}