what-did-they-say/js/toggle-transcript.js

WhatDidTheySay.get_transcript_language_code = function(transcript) {
  for (code in WhatDidTheySay.languages) {
    if (WhatDidTheySay.languages.hasOwnProperty(code)) {
      if (transcript.hasClassName(code)) {
        return code;
      }
    }
  }
  return false
};

WhatDidTheySay.build_bundle_header = function(bundle) {
  bundle.select('h3').each(function(h) { h.parentNode.removeChild(h); });

  var new_header = new Element('h3', { 'className': 'wdts-transcript-language' });

  var transcript_holders = bundle.select('.transcript-holder');
  transcript_holders.invoke('show');

  var show_only_this_code = function(code) {
    transcript_holders.each(function(t) {
      if (t.hasClassName(code)) {
        t.show();
      } else {
        t.hide();
      }
    });
  };

  if (transcript_holders.length > 1) {
    var select = new Element('select');

    show_only_this_code(WhatDidTheySay.default_language);
    
    transcript_holders.each(function(t) {
      var code = WhatDidTheySay.get_transcript_language_code(t);
      
      if (code) {
        var option = new Element('option', { 'value': code }).update(WhatDidTheySay.languages[code]);
        if (code == WhatDidTheySay.default_language) { option.selected = true; }
        select.insert(option);
      }
    });

    select.observe('change', function(e) {
      var code = select.options[select.selectedIndex].value;
      show_only_this_code(code);
    });

    new_header.update(WhatDidTheySay.messages.bundle_header.replace('%s', '<span />'));
    new_header.select('span')[0].insert(select);
  } else {
    var code = WhatDidTheySay.get_transcript_language_code(transcript_holders[0]);

    if (code) {
      new_header.update(WhatDidTheySay.messages.bundle_header.replace('%s', WhatDidTheySay.languages[code]));
    }
  }

  bundle.insert({ top: new_header })
}

$$('.transcript-bundle').each(function(d) {
  WhatDidTheySay.build_bundle_header(d);
});