☰

WME Context Menu

WME Context Menu stores various editor elements in an easy-to-access right-click context menu. Currently, it copies names & etc of selected segments directly to clipboard and integrates with WME Speedhelper and WME Road Selector to help make it even easier and faster to edit the map. (This script was formerly called WME Copy Menu.)

当前为 2016-02-19 提交的版本，查看 最新版本。

// ==UserScript==
// @name            WME Context Menu
// @namespace       https://greasyfork.org/users/11629-TheLastTaterTot
// @version         0.2
// @description     WME Context Menu stores various editor elements in an easy-to-access right-click context menu. Currently, it copies names & etc of selected segments directly to clipboard and integrates with WME Speedhelper and WME Road Selector to help make it even easier and faster to edit the map. (This script was formerly called WME Copy Menu.)
// @author          TheLastTaterTot
// @include         https://editor-beta.waze.com/*editor/*
// @include         https://www.waze.com/*editor/*
// @exclude         https://www.waze.com/*user/editor/*
// @grant           GM_setClipboard
// @run-at          document-end
// ==/UserScript==
/* jshint -W097 */

var _W_, _$_,
    roadTypes = {
        1: "Street",
        2: "Primary Street",
        3: "Freeway",
        4: "Ramp",
        5: "Walking Trail",
        6: "Major Highway",
        7: "Minor Highway",
        8: "Dirt road / 4X4 Trail",
        10: "Pedestrian Boardwalk",
        15: "Ferry",
        16: "Stairway",
        17: "Private Road",
        18: "Railroad",
        19: "Runway/Taxiway",
        20: "Parking Lot Road"
    },
    menuResetEvent = false, contextMenuSettings;

if (localStorage.WME_ContextMenu) {
    contextMenuSettings = JSON.parse(localStorage.WME_ContextMenu);
} else {
    contextMenuSettings = {
        clipboard: 0,
        position: 0,
        pin: false
    };
    localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings);
}


var getUnique = function(objArray) {
    var isNotDuplicate = function(comparisonList, checkThisName) {
        var isNotDup = true;
        try {
             for (var c=0, cLength=comparisonList.length; c<cLength; c++) {
                if (comparisonList[c] === checkThisName) isNotDup = false;
            }
        } catch (err) { console.error(err); }
        return isNotDup;
    };

    try {
        var uniqObjs = [];
        for (var r=objArray.length; r--;) {
            if (isNotDuplicate(uniqObjs, objArray[r])) uniqObjs.push(objArray[r]); // && objArray[r] !== ''
        }
        return uniqObjs;
    } catch (err) { console.error(err); }
};

var addStreetAndCityToRSel = function (segIds, caseSelection) {
    var opAndOr = parseInt(document.getElementById('cmOpAddOr').value),
        opNot = document.getElementById('cmOpNot').classList.contains('active'),
        addConjunction = !!document.getElementById('outRSExpr').innerHTML.length;

    switch (caseSelection^0) {
        case 'primaryStreet':
        case 0:
            if (segIds.primaryStreet.length !== 0) {
                for (var s=segIds.primaryStreet.length; s--;) {
                    if (addConjunction) {
                        if (opAndOr) {
                            document.getElementById('btnRSOr').click();
                        } else {
                            document.getElementById('btnRSAnd').click();
                        }
                    }
                    if (opNot) document.getElementById('btnRSNot').click();
                    //set to primary
                    document.getElementById('selRSAlttStreet').value = 0;
                    document.getElementById('selRSAltCity').value = 0;

                    document.getElementById('btnRSLBkt').click();
                    document.getElementById('inRSStreet').value = _W_.model.streets.objects[segIds.primaryStreet[s]].name;
                    document.getElementById('btnRSAddStreet').click();
                    //document.getElementById('btnRSAnd').click();
                    document.getElementById('inRSCity').value = _W_.model.cities.objects[_W_.model.streets.objects[segIds.primaryStreet[s]].cityID].name;
                    document.getElementById('btnRSAddCity').click();
                    document.getElementById('btnRSRBkt').click();
                }
            }
            break;
        case 'altStreets':
        case 1:
            if (segIds.altStreets.length !== 0) {
                for (var s=segIds.primaryStreet.length; s--;) {
                    if (addConjunction) {
                        if (opAndOr) {
                            document.getElementById('btnRSOr').click();
                        } else {
                            document.getElementById('btnRSAnd').click();
                        }
                    }

                    if (opNot) document.getElementById('btnRSNot').click();
                    //set to alt
                    document.getElementById('selRSAlttStreet').value = 1;
                    document.getElementById('selRSAltCity').value = 1;

                    document.getElementById('btnRSLBkt').click();
                    document.getElementById('inRSStreet').value = _W_.model.streets.objects[segIds.altStreets[s]].name;
                    document.getElementById('btnRSAddStreet').click();
                    //document.getElementById('btnRSAnd').click();
                    document.getElementById('inRSCity').value = _W_.model.cities.objects[_W_.model.streets.objects[segIds.altStreets[s]].cityID].name;
                    document.getElementById('btnRSAddCity').click();
                    document.getElementById('btnRSRBkt').click();
                }
            }
            break;
        case 'anyStreet':
        case 2:
            addStreetAndCityToRSel(segIds, 0); //primary
            addStreetAndCityToRSel(segIds, 1); //alt
            break;
    }
};

var addStreetNameToRSel = function(segNames, inputFieldId, altSelId, altVal, addBtnId) {
    var opAndOr = parseInt(document.getElementById('cmOpAddOr').value),
        opNot = document.getElementById('cmOpNot').classList.contains('active'),
        addConjunction = !!document.getElementById('outRSExpr').innerHTML.length;

    for (n = 0, nLength = segNames.length; n < nLength; n++) {
        if (addConjunction) {
            if (opAndOr) {
                document.getElementById('btnRSOr').click();
            } else {
                document.getElementById('btnRSAnd').click();
            }
        }
        if (opNot) document.getElementById('btnRSNot').click();

        document.getElementById(inputFieldId).value = segNames[n];
        document.getElementById(altSelId).value = altVal^0;
        document.getElementById(addBtnId).click();
        addConjunction = true;
    }
};

var addRoadTypeToRSel = function(ids, inputFieldId, addBtnId) {
    var opAndOr = parseInt(document.getElementById('cmOpAddOr').value),
        opNot = document.getElementById('cmOpNot').classList.contains('active'),
        addConjunction = !!document.getElementById('outRSExpr').innerHTML.length;

    document.getElementById('btnRSLBkt').click();
    for (n = 0, nLength = ids.length; n < nLength; n++) {
        if (addConjunction) {
            if (opAndOr) {
                document.getElementById('btnRSOr').click();
            } else {
                document.getElementById('btnRSAnd').click();
            }
        }
        if (opNot) document.getElementById('btnRSNot').click();

        document.getElementById(inputFieldId).value = ids[n];
        document.getElementById(addBtnId).click();
        addConjunction = true;
    }
    document.getElementById('btnRSRBkt').click();
};

var copyTo = function(e, opt, val) {
    if (document.getElementById('cmPinMenu').value) e.stopPropagation();

    if (document.getElementById('cmClipboard').value) {
        GM_setClipboard(val);
    } else {
        try {
            switch (opt) {
                case 'cm_priSC':
                    if (document.getElementById('cmRoadType').classList.contains('active')) {
                        addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType');
                        document.getElementById('btnRSAnd').click();
                        document.getElementById('btnRSLBkt').click();
                        addStreetAndCityToRSel(val, 0);
                        document.getElementById('btnRSRBkt').click();
                    } else {
                        addStreetAndCityToRSel(val, 0);
                    }
                     break;
                case 'cm_altSC':
                    if (document.getElementById('cmRoadType').classList.contains('active')) {
                        addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType');
                        document.getElementById('btnRSAnd').click();
                        document.getElementById('btnRSLBkt').click();
                        addStreetAndCityToRSel(val, 1);
                        document.getElementById('btnRSRBkt').click();
                    } else {
                        addStreetAndCityToRSel(val, 1);
                    }
                    break;
                case 'cm_anySC':
                    if (document.getElementById('cmRoadType').classList.contains('active')) {
                        addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType');
                        document.getElementById('btnRSAnd').click();
                        document.getElementById('btnRSLBkt').click();
                        addStreetAndCityToRSel(val, 2);
                        document.getElementById('btnRSRBkt').click();
                    } else {
                        addStreetAndCityToRSel(val, 2);
                    }
                    break;
                case 'cm_priS':
                    if (document.getElementById('cmRoadType').classList.contains('active')) {
                        addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType');
                        document.getElementById('btnRSAnd').click();
                        document.getElementById('btnRSLBkt').click();
                        addStreetNameToRSel(getUnique(val.primaryStreet), 'inRSStreet', 'selRSAlttStreet', 0, 'btnRSAddStreet');
                        document.getElementById('btnRSRBkt').click();
                    } else {
                        addStreetNameToRSel(getUnique(val.primaryStreet), 'inRSStreet', 'selRSAlttStreet', 0, 'btnRSAddStreet');
                    }
                    break;
                case 'cm_altS':
                    if (document.getElementById('cmRoadType').classList.contains('active')) {
                        addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType');
                        document.getElementById('btnRSAnd').click();
                        document.getElementById('btnRSLBkt').click();
                        addStreetNameToRSel(getUnique(val.altStreets), 'inRSStreet', 'selRSAlttStreet', 1, 'btnRSAddStreet');
                        document.getElementById('btnRSRBkt').click();
                    } else {
                        addStreetNameToRSel(getUnique(val.altStreets), 'inRSStreet', 'selRSAlttStreet', 1, 'btnRSAddStreet');
                    }
                    break;
                case 'cm_anyS':
                    if (document.getElementById('cmRoadType').classList.contains('active')) {
                        addRoadTypeToRSel(getUnique(val.roadType), 'selRSRoadType', 'btnRSAddRoadType');
                        document.getElementById('btnRSAnd').click();
                        document.getElementById('btnRSLBkt').click();
                        addStreetNameToRSel(getUnique(val.primaryStreet), 'inRSStreet', 'selRSAlttStreet', 0, 'btnRSAddStreet');
                        addStreetNameToRSel(getUnique(val.altStreets), 'inRSStreet', 'selRSAlttStreet', 1, 'btnRSAddStreet');
                        document.getElementById('btnRSRBkt').click();
                    } else {
                        addStreetNameToRSel(getUnique(val.primaryStreet), 'inRSStreet', 'selRSAlttStreet', 0, 'btnRSAddStreet');
                        addStreetNameToRSel(getUnique(val.altStreets), 'inRSStreet', 'selRSAlttStreet', 1, 'btnRSAddStreet');
                    }
                    break;
                case 'cm_ids':
                    document.getElementById('inRSSegId').value = val;
                    document.getElementById('btnRSAddSegId').classList.add('btn-info');
                    break;
                case 'cm_primaryStreet':
                    document.getElementById('inRSStreet').value = val;
                    document.getElementById('selRSAlttStreet').value = 0;
                    document.getElementById('btnRSAddStreet').classList.add('btn-info');
                    break;
                case 'cm_altStreets':
                    document.getElementById('inRSStreet').value = val;
                    document.getElementById('selRSAlttStreet').value = 1;
                    document.getElementById('btnRSAddStreet').classList.add('btn-info');
                    break;
                case 'cm_altStreetsAND':
                    document.getElementById('inRSStreet').value = '';
                    break;
                case 'cm_altStreetsOR':
                    document.getElementById('inRSStreet').value = '';
                    break;
                case 'cm_primaryCity':
                    document.getElementById('inRSCity').value = val;
                    document.getElementById('selRSAltCity').value = 0;
                    document.getElementById('btnRSAddCity').classList.add('btn-info');
                    break;
                case 'cm_altCities':
                    document.getElementById('inRSCity').value = val;
                    document.getElementById('selRSAltCity').value = 1;
                    document.getElementById('btnRSAddCity').classList.add('btn-info');
                    break;
                case 'cm_state':
                    document.getElementById('inRSState').value = val;
                    document.getElementById('btnRSAddState').classList.add('btn-info');
                    break;
                case 'cm_roadType':
                    document.getElementById('selRSRoadType').value = val;
                    document.getElementById('btnRSAddRoadType').classList.add('btn-info');
                    break;
                case 'cm_updatedBy':
                    document.getElementById('inRSUpdtd').value = val;
                    document.getElementById('btnRSAddUpdtd').classList.add('btn-info');
                    break;
                case 'cm_createdBy':
                    document.getElementById('inRSCrtd').value = val;
                    document.getElementById('btnRSAddCrtd').classList.add('btn-info');
                    break;
                case 'cm_toConnections':
                    break;
            }
        } catch (err) { console.error(err); }

        // swap panel from selection panel
        try {
            document.getElementById('user-info').style.display = 'block';
            document.getElementById('edit-panel').style.display = 'none';
        } catch (err) { console.error(err); }

        // switch active tab-content
        try {
            document.querySelector('.tab-content>.active').classList.remove('active');
            document.getElementById('sidepanel-roadselector').classList.add('active');
        } catch (err) { }

        // switch active nav-tab
        try {
            document.querySelector('#user-tabs li.active').classList.remove('active');
            document.getElementById('tabRSel').classList.add('active');
        } catch (err) { }

        // switch to RSel editor tab
        try {
            document.getElementById('roadselector-tabs').children[1].classList.remove('active');
            document.getElementById('roadselector-tabs').children[0].classList.add('active');
            document.getElementById('roadselector-tab-content').children[1].classList.remove('active');
            document.getElementById('roadselector-tab-content').children[0].classList.add('active');
        } catch (err) { /* */ }
    }
};

var getAutoAddToRSelCase = function (addType) {
    var nameClass = ((document.getElementById('cm_pri').checked * document.getElementById('cm_pri').value) + (document.getElementById('cm_alt').checked * document.getElementById('cm_alt').value)) - 1;

    switch (addType) {
        case 'cm_S':
            switch (nameClass) {
                case 0: //primary
                    return 'cm_priS';
                case 1: //alt
                    return 'cm_altS';
                case 2: //any
                    return 'cm_anyS';
            }
            break;
        case 'cm_SC': // cm_SC street and city
            switch (nameClass) {
                case 0: //primary
                    return 'cm_priSC';
                case 1: //alt
                    return 'cm_altSC';
                case 2: //any
                    return 'cm_anySC';
            }
            break;
    }
};

var getSegmentProperties = function(selectedItems) {
    try {
        /*var roadTypeOpts = document.querySelector('#segment-edit-general select[name="roadType"]'),
            numRoadTypes = roadTypeOpts.options.length, r, roadTypes = {};
        for (r=0; r < numRoadTypes; r++) {
            roadTypes[roadTypeOpts[r].value] = roadTypeOpts[r].text;
        }*/
        var s, s_ids = {}, s_altStObjKeys;
            s_ids = {ids: {},
                     primaryStreet: {},
                     altStreets: {},
                     altCities: {},
                     roadType: {},
                     createdBy: {},
                     updatedBy: {},
                     toConnections: {},
                     primaryCity: {},
                     state: {},
                     country: {}
            };

        for (s = selectedItems.length; s--;) {
            s_ids.ids[selectedItems[s].model.attributes.id] = null;
            s_ids.primaryStreet[selectedItems[s].model.attributes.primaryStreetID] = null;
            s_ids.roadType[selectedItems[s].model.attributes.roadType] = null;
            s_ids.createdBy[selectedItems[s].model.attributes.createdBy] = null;
            s_ids.updatedBy[selectedItems[s].model.attributes.updatedBy] = null;
            s_ids.primaryCity[_W_.model.streets.objects[selectedItems[s].model.attributes.primaryStreetID].cityID] = null;
            s_ids.state[_W_.model.cities.objects[_W_.model.streets.objects[selectedItems[s].model.attributes.primaryStreetID].cityID].stateID] = null;
            s_ids.country[_W_.model.cities.objects[_W_.model.streets.objects[selectedItems[s].model.attributes.primaryStreetID].cityID].countryID] = null;

            s_altSt = selectedItems[s].model.attributes.streetIDs;
            for (var a=0, numAlts=s_altSt.length; a<numAlts; a++) {
                s_ids.altStreets[s_altSt[a]] = null;
                s_ids.altCities[_W_.model.streets.objects[s_altSt[a]].cityID] = null;
            }

            s_toConnObjKeys = Object.keys(selectedItems[s].model.attributes.toConnections);
            for (var k=0, numKeys=s_toConnObjKeys.length; k<numKeys; k++) {
                if (s_toConnObjKeys[k] !== '') {
                    s_ids.toConnections[s_toConnObjKeys[k]] = selectedItems[s].model.attributes.toConnections[s_toConnObjKeys[k]];
                }
            }
        }

        var seg_ids = {}, seg_names = {
                ids: [],
                primaryStreet: [],
                altStreets: [],
                altCities: [],
                roadType: [],
                createdBy: [],
                updatedBy: [],
                toConnections: [],
                primaryCity: [],
                state: [],
                country: []
        };

        for ( var idKey in s_ids ) {
            seg_ids[idKey] = Object.keys(s_ids[idKey]);

            for (var k=0, numKeys=seg_ids[idKey].length; k<numKeys; k++){
                if (seg_ids[idKey][k] !== '') {
                    switch (idKey) {
                        case 'primaryStreet':
                            seg_names[idKey][k] = _W_.model.streets.objects[seg_ids[idKey][k]].name;
                            break;
                        case 'primaryCity':
                            seg_names[idKey][k] = _W_.model.cities.objects[seg_ids[idKey][k]].name;
                            break;
                        case 'altStreets':
                            seg_names[idKey][k] =  _W_.model.streets.objects[seg_ids[idKey][k]].name;
                            break;
                        case 'altCities':
                            seg_names[idKey][k] = _W_.model.cities.objects[seg_ids[idKey][k]].name;
                            break;
                        case 'state':
                            seg_names[idKey][k] = _W_.model.states.objects[seg_ids[idKey][k]].name;
                            break;
                        case 'roadType':
                            seg_names[idKey][k] = roadTypes[String(seg_ids[idKey][k])];
                            break;
                        case 'createdBy':
                            seg_names[idKey][k] = _W_.model.users.objects[seg_ids[idKey][k]].userName;
                            break;
                        case 'updatedBy':
                            seg_names[idKey][k] = _W_.model.users.objects[seg_ids[idKey][k]].userName;
                            break;
                    }
                }
            }
        }

        return { ids: seg_ids, names: seg_names };

    } catch (err) { console.error(err); }
};



var closeContextMenu = function() {
    document.getElementById('WazeMap').removeEventListener('keydown', menuShortcutKeys, false);
    window.removeEventListener('click', closeContextMenu, false);
    document.getElementById('toolbar').removeEventListener('mouseenter', closeContextMenu, false);
    document.getElementById('copyContextMenu').style.display = 'none';
};

var addCMEventListeners = function () {
    window.addEventListener('click', closeContextMenu, false);
    document.getElementById('toolbar').addEventListener('mouseenter', closeContextMenu, false);
};

var resetCopyContextMenu = function(contextMenuSettings){
    if (menuResetEvent) document.getElementById('btnRSClear').click();
    menuResetEvent = false;

    try {
        document.querySelector('#user-tabs a[href="#sidepanel-roadselector"]').parentNode.id = 'tabRSel';
    } catch (err) {}
// <label for="cm_any" class="btn cm-rsel-options badge cm-badge-right active"><input id="cm_any" type="radio" name="cmOptions" value=2 style="opacity: 0" checked>any</label> //dl - background-color: rgba(177, 210, 220, 0.75);

    document.getElementById('cmContainer').innerHTML = `<div id="cm_rselOnly" class="cm-menu-section" style="display: none; border: 0; background-color: rgba(154, 204, 220, 0.9); border-top-right-radius: 3px; border-top-left-radius: 3px; margin-bottom: -1px;">
        <dl style="padding-top: 1px; border-top-right-radius: 4px; border-top-left-radius: 4px;">
            <dt style="background-color: rgba(111, 167, 185, 0.7); height: 20px; margin-top: -2px; border-top-right-radius: 3px; border-top-left-radius: 3px; padding-top: 4px; padding-bottom: 4px; color: #d8e9ef; font-size: 10px;">RSel Auto-Add Names</dt>
            <dd style="height: 24px; margin: 0px 0px 3px; padding: 5px 10px 5px 9px; background-color: rgba(228, 248, 255, 0.3); box-shadow: 0px 1px 0px rgba(0,0,0,0.1);">
                <div class="btn-group pull-left" data-toggle="buttons">
                    <label for="cm_pri" class="btn cm-rsel-options cm-badge-left active"><input id="cm_pri" type="checkbox" value=1 checked>&nbsp;Primary</label>
                    <label for="cm_alt" class="btn cm-rsel-options cm-badge-right active"><input id="cm_alt" type="checkbox" value=2 checked>Alternate&nbsp;</label>
                </div>
                <div class="pull-left btn-group" style="margin: 0px 2px">
                    <button type="button" id="cmRoadType" class="btn cm-rsel-options active" data-toggle="button">Type</button>
                </div>
                <div class="btn-group pull-right">
                    <button type="button" id="cmOpAddOr" class="btn cm-rsel-options cm-badge-left and" value="0" style="padding-right: 4px;">and</button>
                    <button type="button" id="cmOpNot" class="btn cm-rsel-options cm-badge-right" style="padding-left: 4px;" data-toggle="button">!</button>
                </div>
            </dd>
            <dd id="cm_SC">All <span id="cm_textSC">Primary/Alt. Street, City</span></dd>
            <dd id="cm_S">All <span id="cm_textS">Primary/Alt. Street</span></dd>
        </dl>
    </div>
    <div class="cm-menu-header">
        <dl><dt id="cmMenuHeaderTitle">Copy To Clipboard</dt></dl>
    </div>
    <div id="cmMenuContent">
        <div id="cm_street" class="cm-menu-section">
            <dl id="cm_primaryStreet">
                <dt>Street</dt>
            </dl>
            <dl id="cm_altStreets">
                <dt>Alt street</dt>
            </dl>
        </div>
        <div id="cm_city" class="cm-menu-section">
            <dl id="cm_primaryCity">
                <dt>City</dt>
            </dl>
            <dl id="cm_altCities">
                <dt>Alt city</dt>
            </dl>
        </div>
        <div class="cm-menu-section">
            <dl id="cm_state">
                <dt>State</dt>
            </dl>
        </div>
        <div class="cm-menu-section">
            <dl id="cm_roadType">
                <dt>Road type</dt>
            </dl>
        </div>
        <div class="cm-menu-section">
            <dl id="cm_updatedBy">
                <dt>Updated by</dt>
            </dl>
            <dl id="cm_createdBy">
                <dt>Created by</dt>
            </dl>
        </div>
        <div class="cm-menu-section">
            <dl>
                <dd id="cm_ids">Segment IDs</dd>
            </dl>
    </div></div>`;

    if (!document.getElementById('cmPinMenu').value) {
        setTimeout(addCMEventListeners, 250);
    }

    if (contextMenuSettings.position === 1) {
        document.getElementById('cmFooterCaret').classList.add('fa-caret-down');
        document.getElementById('cmFooterCaret').classList.remove('fa-caret-up');
        document.getElementById('cmFooter').style.marginBottom = '-2px';
        document.getElementById('copyContextMenu').insertBefore(document.getElementById('cmFooter'), document.getElementById('copyContextMenu').children[0]);
    } else {
        document.getElementById('cmFooterCaret').classList.add('fa-caret-up');
        document.getElementById('cmFooterCaret').classList.remove('fa-caret-down');
        document.getElementById('cmFooter').style.marginBottom = '0';
        document.getElementById('copyContextMenu').appendChild(document.getElementById('cmFooter'));
    }
};


var populateCopyContextMenu = function(segInfo, contextMenuSettings) {
    try {
        resetCopyContextMenu(contextMenuSettings);
        var updateNames = Object.keys(segInfo.ids),
            numNames = updateNames.length,
            n, selOption, emptyArr, s_names = {}, s_ids = {};

        for (n = numNames; n--;) {
            if (document.getElementById('cm_'+updateNames[n]) && segInfo.ids[updateNames[n]] && segInfo.ids[updateNames[n]].length) {
                if (updateNames[n] !== 'ids') {
                    emptyArr = 0;
                    s_names[updateNames[n]] = getUnique(segInfo.names[updateNames[n]])
                    s_ids[updateNames[n]] = getUnique(segInfo.ids[updateNames[n]])

                    for (var a=0, aLength = s_ids[updateNames[n]].length; a < aLength; a++) {
                        if (s_names[updateNames[n]][a]) {
                            selOption = document.createElement('dd');
                            if (s_names[updateNames[n]][a] === '') {
                                if (~updateNames[n].indexOf('Cit')) {
                                    selOption.innerHTML = 'No City';
                                } else if (~updateNames[n].indexOf('Street')) {
                                    selOption.innerHTML = 'No Street';
                                }
                            } else {
                                selOption.innerHTML = s_names[updateNames[n]][a];
                            }
                            selOption.name = s_ids[updateNames[n]][a];
                            document.getElementById('cm_'+updateNames[n]).appendChild(selOption);

                            switch (updateNames[n]) {
                                case 'roadType':
                                    selOption.onclick = function(e){
                                        //if (document.getElementById('cmPinMenu').value) e.stopPropagation();
                                        copyTo(e, this.parentNode.id, this.name);
                                    };
                                    break;
                                default:
                                    selOption.onclick = function(e){
                                        //if (document.getElementById('cmPinMenu').value) e.stopPropagation();
                                        copyTo(e, this.parentNode.id, this.innerHTML);
                                    };
                            }
                        } else {
                            emptyArr++;
                        }
                    }
                    if (emptyArr === aLength) {
                        if (document.getElementById('cm_'+updateNames[n])) {
                            document.getElementById('cm_'+updateNames[n]).style.display = "none";
                        }
                    }
                } else {
                    selOption = document.getElementById('cm_ids');
                    selOption.name = segInfo.ids[updateNames[n]].join(',');
                    selOption.onclick = function(e){
                        //if (document.getElementById('cmPinMenu').value) e.stopPropagation();
                        copyTo(e, this.id, this.name);
                    };
                }
            } else if (document.getElementById('cm_'+updateNames[n])) {
                document.getElementById('cm_'+updateNames[n]).style.display = "none";
            }
        }

        if (!s_names.primaryStreet.length && !s_names.altStreets.length) {
            document.getElementById('cm_primaryStreet').parentNode.style.display = 'none';
        }

        if (!s_names.primaryCity.length && !s_names.altCities.length) {
            document.getElementById('cm_primaryCity').parentNode.style.display = 'none';
        }

        if (!s_names.state.length) document.getElementById('cm_state').parentNode.style.display = 'none';


        // RSEL menu items
        if (document.getElementById('cmRSel').value) {
            document.getElementById('cmMenuHeaderTitle').innerHTML = 'Copy To Road Selector';

            var copyToRSelAndSelect = document.createElement('dd');
            copyToRSelAndSelect.id = 'cm_SCgo';
            copyToRSelAndSelect.zIndex = 1;
            copyToRSelAndSelect.className = 'fa fa-fast-forward pull-right cm-rsel-goselect';
            document.getElementById('cm_SC').parentNode.insertBefore(copyToRSelAndSelect, document.getElementById('cm_SC'));

            var copyToRSelAndSelect2 = copyToRSelAndSelect.cloneNode();
            copyToRSelAndSelect2.id = 'cm_Sgo';
            copyToRSelAndSelect.zIndex = 1;
            document.getElementById('cm_S').parentNode.insertBefore(copyToRSelAndSelect2, document.getElementById('cm_S'));

            document.getElementById('cm_rselOnly').style.display = 'block';
            //name options
            document.getElementById('cm_pri').parentNode.addEventListener('click', function(e){
                e.stopPropagation();
                var numBtnDown = this.parentNode.getElementsByClassName('active').length;
                if (this.children[0].checked) { //currently checked... decide whether to uncheck
                    this.classList.remove('active');
                    this.children[0].checked = false;
                    if (numBtnDown===0) {
                        document.getElementById('cm_alt').parentNode.classList.add('active')
                        document.getElementById('cm_alt').checked = true;
                    }
                    document.getElementById('cm_textSC').innerHTML = 'Alt. Street, City';
                    document.getElementById('cm_textS').innerHTML = 'Alt. Street';
                } else { //unchecked
                    this.classList.add('active');
                    this.children[0].checked = true;
                    document.getElementById('cm_textSC').innerHTML = 'Primary/Alt. Street, City';
                    document.getElementById('cm_textS').innerHTML = 'Primary/Alt. Street';
                }
            }, false);
            document.getElementById('cm_alt').parentNode.addEventListener('click', function(e){
                e.stopPropagation();
                var numBtnDown = this.parentNode.getElementsByClassName('active').length;
                if (this.children[0].checked) { //currently checked... decide whether to uncheck
                    this.classList.remove('active');
                    this.children[0].checked = false;
                    if (numBtnDown===0) {
                        document.getElementById('cm_pri').parentNode.classList.add('active');
                        document.getElementById('cm_pri').checked = true;
                    }
                    document.getElementById('cm_textSC').innerHTML = 'Primary Street, City';
                    document.getElementById('cm_textS').innerHTML = 'Primary Street';
                } else { //unchecked
                    this.classList.add('active');
                    this.children[0].checked = true;
                    document.getElementById('cm_textSC').innerHTML = 'Primary/Alt. Street, City';
                    document.getElementById('cm_textS').innerHTML = 'Primary/Alt. Street';
                }
            }, false);

            //operations
            document.getElementById('cmOpAddOr').addEventListener('click', function(e) {
                e.stopPropagation();
                var opToggleLabel = ['and', 'or'], newValue = this.value^1;
                this.innerHTML = opToggleLabel[newValue];
                this.value = newValue;
                //console.info(this.value);
            }, false);

            //menu selections
            document.getElementById('cm_SC').addEventListener('click', function(e){
                copyTo(e, getAutoAddToRSelCase('cm_SC'), segInfo.ids);
            }, false);
            document.getElementById('cm_S').addEventListener('click', function(e){
                copyTo(e, getAutoAddToRSelCase('cm_S'), segInfo.names);
            }, false);
            /*document.getElementById('cm_EM').addEventListener('click', function(e){
                copyTo(e, 'cm_EM', segInfo.ids);
            }, false);*/

            document.getElementById('cm_SCgo').addEventListener('click', function (e) {
                menuResetEvent = true;
                copyTo(e, getAutoAddToRSelCase('cm_SC'), segInfo.ids);
                document.getElementById('btnRSSelect').click();
            }, false);
            document.getElementById('cm_Sgo').addEventListener('click', function (e) {
                menuResetEvent = true;
                copyTo(e, getAutoAddToRSelCase('cm_S'), segInfo.names);
                document.getElementById('btnRSSelect').click();
            }, false);

        }
    } catch (err) { console.error(err); };
};

var populateSpeedMenu = function (contextMenuSettings) {
    resetCopyContextMenu(contextMenuSettings);

    try {
        document.getElementById('cmMenuHeaderTitle').innerHTML = 'Edit Speed Limits';
        document.getElementById('cmMenuContent').innerHTML = '';
        var speedLimit = document.querySelector('#segment-edit-general div.speed-limit').cloneNode(true);
        speedLimit.id = 'cmSpeedLimit';
        speedLimit.className = 'cm-speed-limit cm-menu-section';
        speedLimit.innerHTML = '<div class="form-inline">' + speedLimit.innerHTML + '</div>';
        document.getElementById('cmMenuContent').appendChild(speedLimit);

        var cmVerifyChkBoxLabel = document.querySelectorAll('div#cmSpeedLimit input[type="checkbox"]+label'),
            wazeChkboxId;
        for (var cb = 0; cb < 2; cb++) {
            cmVerifyChkbox = cmVerifyChkBoxLabel[cb].parentNode.children[0];
            wazeChkboxId = cmVerifyChkbox.id;
            cmVerifyChkbox.id = wazeChkboxId + '_cm';
            cmVerifyChkBoxLabel[cb].addEventListener('click', function(e) {
                e.stopPropagation();
                this.parentNode.children[0].checked = !document.getElementById(this.parentNode.children[0].id.slice(0,-3)).checked;
            }, false);
        }

        _$_('#fwdMaxSpeedUnverifiedCheckbox_cm').prop('checked',_$_('#fwdMaxSpeedUnverifiedCheckbox').prop('checked'));
        _$_('#revMaxSpeedUnverifiedCheckbox_cm').prop('checked',_$_('#revMaxSpeedUnverifiedCheckbox').prop('checked'));
    } catch (err) {}

    try {
        var cmSpeedInput = document.querySelectorAll('div#cmSpeedLimit input[type="number"]'),
            wazeSpeedInputName;
        for (var nm = 0; nm < 2; nm++) {
            wazeSpeedInputName = cmSpeedInput[nm].name;
            cmSpeedInput[nm].name = wazeSpeedInputName + '_cm';

            cmSpeedInput[nm].addEventListener('click', function(e) {
                e.stopPropagation();
                this.select();
                document.getElementById('WazeMap').removeEventListener('keydown', menuShortcutKeys, false);
                }, false);

            cmSpeedInput[nm].addEventListener('blur', function(e) {
                document.getElementById('WazeMap').addEventListener('keydown', menuShortcutKeys, false);
            }, false);

            cmSpeedInput[nm].addEventListener('change', function(e) {
                //e.stopPropagation();
                _$_('input[name="' + this.name.slice(0,-3) + '"]').val(this.value).change();
            }, false);
        }
        _$_('input[name="fwdMaxSpeed_cm"]').val(_$_('input[name="fwdMaxSpeed"]').val())
        _$_('input[name="revMaxSpeed_cm"]').val(_$_('input[name="revMaxSpeed"]').val())
    } catch (err) {}

    try {
        document.getElementById('cmSpeedLimit').addEventListener('mouseleave', addCMEventListeners, false);
        document.getElementById('cmSpeedLimit').addEventListener('mouseenter', function(){
            window.removeEventListener('click', closeContextMenu, false);
            document.getElementById('toolbar').removeEventListener('mouseenter', closeContextMenu, false);
        }, false);
    } catch (err) {}

    try {
        document.querySelector('#cmSpeedLimit #signsholder').id = 'signsholder_cm';
        document.getElementById('signsholder_cm').style.marginBottom = '15px';
        document.getElementById('signsholder_cm').style.opacity = 0.9;
        var cmSpeedSigns = document.getElementById('signsholder_cm').children;
        for (var ss = cmSpeedSigns.length; ss--;) {
            cmSpeedSigns[ss].addEventListener('click', function(e) {
                if (document.getElementById('cmPinMenu').value) e.stopPropagation();
                var speedVal = this.firstElementChild.innerHTML;
                    cmSpeedInput = document.querySelectorAll('div#cmSpeedLimit input[type="number"]'),
                    wazeSpeedInput = document.querySelectorAll('#segment-edit-general div.speed-limit input[type="number"]'),
                    cmVerifySpeedChkBox = document.querySelectorAll('div#cmSpeedLimit input[type="checkbox"]'),
                    wazeVerifySpeedChkBox = document.querySelectorAll('#segment-edit-general div.speed-limit input[type="checkbox"]');

                _$_('#segment-edit-general div.speed-limit input[type="number"]').val(speedVal).change();
                _$_('div#cmSpeedLimit input[type="number"]').val(speedVal).change();
                _$_('#fwdMaxSpeedUnverifiedCheckbox_cm').prop('checked',true);
                _$_('#revMaxSpeedUnverifiedCheckbox_cm').prop('checked',true);
                _$_('#fwdMaxSpeedUnverifiedCheckbox').prop('checked',true);
                _$_('#revMaxSpeedUnverifiedCheckbox').prop('checked',true);
            }, false);
        }
    } catch (err) {/* */}
};

var selectionIsSegment = function() {
    try {
        var sel = _W_.selectionManager.selectedItems;
        if (sel.length) {
            return (sel[sel.length-1].model.type === 'segment') ? sel : false;
        } else { return false; }
    } catch (err) { console.error(err); };
};

//var pressedKeys = [];
var menuShortcutKeys = function(e) {
e.stopPropagation();
    switch (e.which) {
        case 49: //81: //q
            e.preventDefault();
            document.getElementById('cmClipboard').click();
            break;
        case 50: //87: //w
            e.preventDefault();
            document.getElementById('cmRSel').click();
            break;
        case 51: //69: //e
            e.preventDefault();
            document.getElementById('cmSpeed').click();
            break;
    }
};

var initCopyContextMenu = function(){
    var copyMenu = document.createElement('div'),
        copyMenuCSS = document.createElement('style');

    try {
        copyMenuCSS.type = 'text/css';
        copyMenuCSS.innerHTML = `
            div.cm-menu-header { padding: 0px; border: 0; height: 20px; }
            .cm-menu-header dl { background-color: rgba(147, 196, 211, 0.90); padding: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; }
            .cm-menu-header dt { padding: 4px 12px; text-transform: uppercase; line-height: 1.2; background-color: rgba(113, 168, 185, 0.7); color: #D8E9EF; font-size: 10px; border-top-right-radius: 3px; border-top-left-radius: 3px; height: 22px; margin-top: 1px; box-shadow: 0px -1px 0px rgba(154, 204, 220, 0.9); }
            div.cm-menu-section { border-bottom: 1px solid #416B7C; padding: 2px 0px 3px; background-color: rgba(147, 196, 211, 0.95); }
            .cm-menu-section dl { margin: 0; padding: 0; display: block; }
            .cm-menu-section dt { font-size: 9px; padding: 0px 12px; margin-top: 3px; text-transform: uppercase; line-height: 1.2; }
            .cm-menu-section dd { padding: 0px 12px; font-size: 11px; color: #234350; font-weight: 600; line-height: 1.3;}
            .cm-menu-section dd:hover, .cm-menu-section dd:active, .cm-menu-section dd:focus { background-color: #BEDCE5; color: #416B7C; }
            .cm-menu-section dd:active { color: #64D8EA; }
            .cm-footer-icns { font-size: 13px; margin: 0px 4px 0px 2px; cursor: pointer; display: inline-table; line-height: 1; }
            .cm-footer-icns:active, .cm-footer-icns:focus, .cm-footer-icns.toggle-off:active, .cm-footer-icns.toggle-off:focus { color: #64D8EA; }
            .cm-footer-icns.toggle-off, .cm-footer-text.toggle-off { color: #8CBBCC; }
            dd.cm-rsel-goselect { padding-right: 14px 3px; cursor: pointer; }
            .cm-menu-section .cm-rsel-goselect:hover { background-color: transparent; color: #d4e7ed; }
            .cm-rsel-options, cm-rsel-options:focus:hover, cm-rsel-options+input:not(checked) { background-color: rgba(89, 137, 158, 0.60); color: #D4E7ED; font-weight: bold !important; height: 14px !important; line-height: 1; padding: 3px 6px; font-size: 8px !important; border-radius: 15px; }
            .cm-rsel-options:hover { background-color: rgba(89, 137, 158, 0.7); color: white; }
            .cm-rsel-options.active:hover { background-color: #274B5A }
            .cm-rsel-options.active, .cm-rsel-options:active, .cm-rsel-options:active:focus { color: white; background-color: #3F6271; }
            .cm-rsel-options.and { background-color: #EEE; color: #59899E; border-right: 1px solid #AAA;}
            .cm-rsel-options.cm-badge-right { border-left: 1px solid #59899E; }
            div#cmSpeedLimit { width: 100%; font-size: 10px; text-align: center; display: inline-block; padding: 10px; }
            div#cmSpeedLimit input[type="number"] { height: 25px; width: 50px; font-size: 11px; padding: 4px 5px; line-height: 1; margin: 0px 2px; }
            div#cmSpeedLimit input[type="checkbox"]+label { padding-left: 22px; line-height: 1.8; }
            div#cmSpeedLimit .controls-container { margin-left: 5px; }
            div#cmSpeedLimit div { display: inline-block; }`;

        document.body.appendChild(copyMenuCSS);

        copyMenu.id = 'copyContextMenu';
        copyMenu.style.position = 'fixed';
        copyMenu.style.display = 'none';
        copyMenu.style.top = '0px';
        copyMenu.style.left = '0px';
        copyMenu.style.width = '210px';
        //copyMenu.style.minHeight = '100px';
        copyMenu.style.margin = '0';
        copyMenu.style.padding = '0px';
        copyMenu.style.borderRadius = '4px';
        copyMenu.style.boxShadow = '0px 1px 12px rgba(0,0,0,0.7)';
        copyMenu.style.border = '1px solid rgb(89, 137, 150)';
        copyMenu.style.borderBottom = '1px solid #2D505F';
        copyMenu.style.color = 'white';
        copyMenu.style.zIndex = '9999';
        copyMenu.innerHTML = '<div id="cmContainer" style="border-radius: 2px; color: white; padding:0; margin:0; position: relative; width: 100%; display: block;"></div>' +
            '<div id="cmHolder" style="display: none"></div>' +
            '<div id="cmFooter" style="color: #DDEDF3; z-index: 1; height: 21px; background-color: rgba(88, 136, 158, 0.90); ' +
            'padding: 1px 7px 1px; margin: 0; position: relative; width: 100%; display: block;"></div>';

        document.getElementById('WazeMap').appendChild(copyMenu);

        document.getElementById('cmFooter').innerHTML = `
            <div style="position: relative; float: left; vertical-align: middle;">
            <i id="cmPinMenu" class="fa fa-thumb-tack cm-footer-icns toggle-off" style="margin: 0px -3px 0px -3px; padding: 3px 6px;" value=true title="Pin menu" data-toggle="tooltips"></i>
            <span id="cmPinClose" class="cm-footer-text toggle-off" style="cursor: pointer; font-weight: 600; border-left: 1px solid #D4E7ED; padding-left: 8px; text-transform: uppercase; font-size: 10px; letter-spacing: .7px;">Close</span>
            </div>
            <div id="cmFooterCaret" class="fa fa-caret-up cm-footer-icns pull-right" style="position: relative; top: 3px; margin: auto 0px auto 7px;"></div>
            <div style="position: relative; height: 21px; border-radius: 20px; border: 1px solid #6EA1B7;  padding: 0px 1px 0px 5px;" class="btn-group pull-right">
              <div style="position: relative; display: inline-block; border-right: 1px solid #6EA1B7; padding-left: 2px; width: 22px;" class="">
                <i id="cmClipboard" value="false" style="font-size: 13px;" class="fa fa-clipboard cm-footer-icns toggle-off" title="Copy to Clipboard" data-toggle="tooltips"></i>
              </div>
              <div style="position: relative; display: inline-block; border-right: 1px solid #6EA1B7;" class="">
                <i id="cmRSel" style="font-size: 14px;" value="false" class="fa fa-road cm-footer-icns toggle-off" title="Copy to WME Road Selector" data-toggle="tooltips"></i>
              </div>
              <div style="position: relative; display: inline-block; width: 20px;  margin: 0px 0px 0px -2px; opacity: 0.84;" class="">
                <span id="cmSpeed" style="height: 16px" value="false" title="Edit Speed Limits" class="fa fa-stack">
                  <i class="fa fa-circle cm-footer-icns" style="font-size: 15px; width: 15px; color: #DDEDF3; line-height: 14px; position: absolute; left: 0; text-align: center;"></i>
                  <i class="fa fa-circle-o cm-footer-icns" style="font-size: 15px; width: 15px; font-weight: 500; color: crimson; line-height: 14px; position: absolute; left: 0; text-align: center;"></i>
                  <i class="fa cm-footer-icns" style="font-size: 8px; font-style: normal; width: 15px; color: black; line-height: 14px; position: absolute; left: 0; text-align: center;">S</i>
                </span>
              </div>
            </div>`;

/*<div style="display: inline-table; border-radius: 20px; border: 1px solid #6EA1B7; position: relative; float: right; padding: 0px 1px 0px 5px;">
            <span><i id="cmClipboard" value=false style="font-size: 12px; padding: 0px 3px; border-right: 1px solid #6EA1B7;" class="fa fa-clipboard fa-fw cm-footer-icns" title="Copy to Clipboard" data-toggle="tooltips"></i></span>
            <span><i id="cmRSel" value=false class="fa fa-road cm-footer-icns fa-fw toggle-off" title="Copy to WME Road Selector" data-toggle="tooltips"></i></span>
            </div>*/


        resetCopyContextMenu(contextMenuSettings);

        setTimeout( function() {
            if (contextMenuSettings.clipboard === 0 || document.getElementById('tabRSel') === null) {
                document.getElementById('cmClipboard').value = true;
                document.getElementById('cmClipboard').classList.remove('toggle-off');
                document.getElementById('cmRSel').value = false;
                document.getElementById('cmRSel').classList.add('toggle-off');
                document.getElementById('cmSpeed').value = false;
                document.getElementById('cmSpeed').parentNode.style.opacity = 0.4;
            } else if (contextMenuSettings.clipboard === 1) {
                document.getElementById('cmClipboard').value = false;
                document.getElementById('cmClipboard').classList.add('toggle-off');
                document.getElementById('cmRSel').value = true;
                document.getElementById('cmRSel').classList.remove('toggle-off');
                document.getElementById('cmSpeed').value = false;
                document.getElementById('cmSpeed').parentNode.style.opacity = 0.4;
            } else if (contextMenuSettings.clipboard === 2) {
                document.getElementById('cmClipboard').value = false;
                document.getElementById('cmClipboard').classList.add('toggle-off');
                document.getElementById('cmRSel').value = false;
                document.getElementById('cmRSel').classList.add('toggle-off');
                document.getElementById('cmSpeed').value = true;
                document.getElementById('cmSpeed').parentNode.style.opacity = 0.84;
            }
        }, 2000);

        if (contextMenuSettings.pin) {
            document.getElementById('cmPinMenu').value = true;
            document.getElementById('cmPinMenu').classList.remove('toggle-off');
            document.getElementById('cmPinClose').classList.remove('toggle-off');
        } else {
            document.getElementById('cmPinMenu').value = false;
            document.getElementById('cmPinMenu').classList.add('toggle-off');
            document.getElementById('cmPinClose').classList.add('toggle-off');
        }

        document.getElementById('cmFooterCaret').addEventListener('click', function(e) {
            e.stopPropagation();
            try {
                if (this.classList.contains('fa-caret-up')) {
                    contextMenuSettings.position = 1;
                    localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings);
                    this.classList.add('fa-caret-down');
                    this.classList.remove('fa-caret-up');
                    document.getElementById('cmFooter').style.marginBottom = '-2px';
                    document.getElementById('copyContextMenu').insertBefore(document.getElementById('cmFooter'), document.getElementById('copyContextMenu').children[0]);
                } else if (this.classList.contains('fa-caret-down')) {
                    contextMenuSettings.position = 0;
                    localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings);
                    this.classList.add('fa-caret-up');
                    this.classList.remove('fa-caret-down');
                    document.getElementById('cmFooter').style.marginBottom = '0';
                    document.getElementById('copyContextMenu').appendChild(document.getElementById('cmFooter'));
                }
            } catch (err) { console.error(err); }
        }, false);

        document.getElementById('WazeMap').addEventListener('contextmenu', function(e){
            try {
                var selectedItems = selectionIsSegment();
                if (selectedItems) {
                    e.preventDefault();

                    switch (contextMenuSettings.clipboard) {
                        case 2:
                            populateSpeedMenu(contextMenuSettings);
                            break;
                        case 1:
                        case 0:
                            var segInfo = getSegmentProperties(selectedItems);
                            populateCopyContextMenu(segInfo, contextMenuSettings);
                            break;
                    }

                    var copyMenu = document.getElementById('copyContextMenu'),
                        wazeMapWidth = _$_('#WazeMap').width(),
                        wazeMapHeight = _$_('#WazeMap').height();

                    copyMenu.style.display = 'block';
                    copyMenu.style.top = e.pageY - 10 + 'px';
                    copyMenu.style.left = e.pageX + 'px';

                    document.getElementById('WazeMap').addEventListener('keydown', menuShortcutKeys, false);
                } else {
                    return false;
                }
            } catch (err) { console.error(err); }
        }, false);

        document.getElementById('cmClipboard').onclick = function(e){
            try {
                e.stopPropagation();
                document.getElementById('cmRSel').value = false;
                document.getElementById('cmRSel').classList.add('toggle-off');
                document.getElementById('cmSpeed').value = false;
                document.getElementById('cmSpeed').parentNode.style.opacity = 0.4;
                this.value = true;
                this.classList.remove('toggle-off');
                contextMenuSettings.clipboard = 0;
                localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings);

                var selectedItems = selectionIsSegment();
                if (selectedItems) {
                    var segInfo = getSegmentProperties(selectedItems);
                    populateCopyContextMenu(segInfo, contextMenuSettings);
                }
            } catch (err) { console.error(err); };
        };

        document.getElementById('cmRSel').onclick = function(e){
            try {
                e.stopPropagation();
                if (document.getElementById('tabRSel') !== null) {
                    document.getElementById('cmClipboard').value = false;
                    document.getElementById('cmClipboard').classList.add('toggle-off');
                    document.getElementById('cmSpeed').value = false;
                    document.getElementById('cmSpeed').parentNode.style.opacity = 0.4;
                    this.value = true;
                    this.classList.remove('toggle-off');
                    contextMenuSettings.clipboard = 1;
                    localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings);

                    var selectedItems = selectionIsSegment();
                    if (selectedItems) {
                        var segInfo = getSegmentProperties(selectedItems);
                        populateCopyContextMenu(segInfo, contextMenuSettings);
                    }
                }
            } catch (err) { console.error(err); }
        };

        document.getElementById('cmSpeed').onclick = function(e){
            try {
                e.stopPropagation();
                document.getElementById('cmClipboard').value = false;
                document.getElementById('cmClipboard').classList.add('toggle-off');
                document.getElementById('cmRSel').value = false;
                document.getElementById('cmRSel').classList.add('toggle-off');
                this.value = true;
                this.parentNode.style.opacity = 0.84;
                contextMenuSettings.clipboard = 2;
                localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings);

                var selectedItems = selectionIsSegment();
                if (selectedItems) {
                    populateSpeedMenu(contextMenuSettings);
                }
            } catch (err) { console.error(err); }
        };

        document.getElementById('cmPinMenu').onclick = function(e){
            try {
                e.stopPropagation();
                if (this.value) {
                    this.value = false;
                    this.classList.add('toggle-off');
                    document.getElementById('cmPinClose').classList.add('toggle-off');
                    closeContextMenu();
                } else {
                    this.value = true;
                    this.classList.remove('toggle-off');
                    document.getElementById('cmPinClose').classList.remove('toggle-off');
                    window.removeEventListener('click', closeContextMenu, false);
                    document.getElementById('toolbar').removeEventListener('mouseenter', closeContextMenu, false);
                }
                contextMenuSettings.pin = !contextMenuSettings.pin;
                localStorage.WME_ContextMenu = JSON.stringify(contextMenuSettings);
            } catch (err) { console.error(err); }
        };

        document.getElementById('cmPinClose').onclick = closeContextMenu;
    } catch (err) { console.error(err); }

    setTimeout(function(){
        try {
            rselBtnEls = document.querySelectorAll('#RSconditions button');
            for (var b = rselBtnEls.length; b--;) {
                rselBtnEls[b].addEventListener('click', function(){this.classList.remove('btn-info')}, false);
            }
        } catch (err) {console.error(err)}},1000)
};

var waitCount = 0, maxWaitCount = 50;
var waitForWaze = function() {
    try {
        if (typeof(unsafeWindow) !== "undefined" && unsafeWindow.Waze && unsafeWindow.Waze.model &&
            unsafeWindow.Waze.selectionManager && unsafeWindow.Waze.selectionManager.selectedItems &&
            unsafeWindow.Waze.model.segments && unsafeWindow.Waze.model.cities) {

            _W_ = unsafeWindow.Waze;
            _$_ = unsafeWindow.$;
            //console.info('starting...');
            setTimeout(initCopyContextMenu,2500);

        } else if (waitCount++ < maxWaitCount) {
            //console.info('waiting...');
            setTimeout(waitForWaze,1000);
        } else {
            console.error('WMECM:','Failed to start');
        }
    } catch (err) {
        console.error('WMECM:',err);
    }
};

waitForWaze();