I am trying to create a dynamic two-column spinning wheel for iOS Safari using this HTML/Javascript wheel. However, I am having trouble getting the value of the first column to change the results of the second column.

I have tried using an if statement to get the value of the first variable (var beverage) and add the value of the second column correspondingly. Does anybody know what I am doing wrong/if there is a better approach?

function openBirthDate() {
var beverage = { 1:'Coffee', 2:'Soda' };

//THIS IS WHERE I'M HAVING TROUBLE
var results = SpinningWheel.getSelectedValues();
if (results.values === 1) {
    var company = { 1:'Starbucks', 2:'Dunkin Donuts' }; 
} else {
    var company = { 1:'Coke', 2:'Pepsi' }; 
}

var size = { 1:'Tall', 2:'Grande', 3:'Venti' }; 

SpinningWheel.addSlot(type, '', 1);
SpinningWheel.addSlot(company, '', 1);
SpinningWheel.addSlot(size, '', 1);

SpinningWheel.setCancelAction(cancel);
SpinningWheel.setDoneAction(done);

SpinningWheel.open();
}

function done() {
var results = SpinningWheel.getSelectedValues();
document.getElementById('result').innerHTML = 'values: ' + results.values.join(' ') + '<br />keys: ' + results.keys.join(', ');

}

function cancel() {
    document.getElementById('result').innerHTML = 'cancelled!';
}


window.addEventListener('load', function(){ setTimeout(function(){ window.scrollTo(0,0); }, 100); }, true);