var franchiseSwitcher = function(){
  var franchises = $$('#franchises .franchise');

  $$(franchises.slice(1)) // hide all but the first
    .setStyle('display', 'none');



  var showItem = function(group, id){
    group.each(
      function(item){
        if(item.get('id') !== id){
          item.setStyle('display', 'none');
        } else {
          item.setStyle('display', 'block');
        }
      });
  };

  var showRelated = function(e){
    var event = new Event(e);
    showItem(franchises, event.target.value);
  };

  var makeOption = function(item){
    return new Element(
      'option', {
        "value": item.get('id'),
        "html": item.get('id')
      });
  };

  var switcher = new Element("form")
    .grab(
      new Element("select", {"id": "franchiseSelector"})
        .addEvent('change', showRelated )
        .adopt(
          franchises.map(makeOption)
        ));

  $$('#selector').grab(switcher, 'bottom');
  $$('#franchiseLinks').setStyle('display', 'none');
};

window.addEvent('domready', franchiseSwitcher);