document.observe("dom:loaded", function() {

  function select_tab(tab) {
    $$(".spot_tabs li").each(function(tab) {
      tab.removeClassName("active")
    })
    tab.addClassName("active")
  }

  function show_section(section) {
    $$(".spot_section").each(function(section) {
      section.removeClassName("active")
    })
    section.addClassName("active")
  }

  when('.spot', function(spot) {
    spot.select(".spot_tabs li a").each(function(link) { 
      link.observe("click", function(e) {
        var tab = link.up()
        var name = tab.classNames().detect(function(e) { if(e != 'active') return e })
        select_tab(tab)        
        show_section($("spot_" + name))
        e.stop()
      })
    })
  })
  
})