Test

{% include "breadcrumbs" %}

{% if page.headline.size > 0 %}
<div id="headline">
  <h2>{{ page.headline }}</h2>
</div>
{% endif %}

<div id="content">
  {% if page.event.content.size > 0 %}
  <div id="intro" class="intro">
    {{ page.event.content }}
  </div>
  {% endif %}
  
  <div class="row-fluid">
    <div class="span4">
      
      <select id="foo" class="user-success">
        <option value="">Pick a Person to Email</option>
        {% for host in page.event.hosts %}
        <option value="mailto:{{ host.signup.email }}?&subject=[Subject Text]&body=Dear {{ host.signup.first_name }}, [message text]">{{ host.signup.first_name }} {{ host.signup.last_name }}</option>
        {% endfor %}
      </select>
      
    </div>
    
  </div>
  
</div>

<script>
  document.getElementById("foo").onchange = function() {
    if (this.selectedIndex!==0) {
      window.location.href = this.value;
    }        
  };
</script>