#universities.campbox.col-xs-12.no-padding
  .logo-syrch-border-bottom.col-xs-12
    ul
      li #ENGR
      li #Photography
      li #Spanish
      li #Programming
      li #Excel
      li #Essaywriting
      li #EECS
  .logo-syrch-medium.col-xs-12.no-padding
    span
      | S
    | yrch
    .strong
      i do
      |  more.
  .logo-syrch-border-top.col-xs-12.no-padding
    ul
      li #Math
      li #Yoga
      li #Econ
      li #Photoshop
      li #Chem
      li #Rossprep
      li #French
      li #Weighttraining

  - unless University.active_or_prelaunch.blank?
    .iboxnew
      .heading data-no-transition-cache=true
        | Select Your University
      = select_tag "universities-select", options_for_select(University.active_or_prelaunch.map {|u| [u.name, u.id]}), prompt: '---- Select ----', autocomplete: :off
      .clearfix
      - University.active_or_prelaunch.each do |university|
        .university.hide id="university-#{university.id}"
          = form_tag register_site_path, :method => :post, class:'flobox col-xs-12 no-padding' do
            .email.col-xs-12
              = text_field_tag :email
            .at.col-xs-12
              | @
            .com.col-xs-12
              #domainid.left
                = select_tag "domain", options_for_select(university.general_configuration.domain_list)
            .clearfix
            = hidden_field_tag 'university_id', university.id
            - unless university.prelaunch?
              = link_to 'Sign In', login_url(subdomain: university.subdomain), class: 'btn btn-default2 signin'
            = submit_tag university.prelaunch? ? 'Pre-Register' : 'Register', class: 'btn btn-default2 signin'

javascript:
  $(window).resize(function(){
    $('#universities').hide().fadeIn('fast');
  });

  $('#universities .university a.signin').on('click', function(e){
    e.preventDefault();
    university = $(this).parents('.university:first');
    email = university.find('input#email').val() + '@' + university.find('select#domain').val();
    window.location.href = $(this).attr('href') + '?email=' + email
  })

  $('#universities-select').on('change', function() {
    $('.university').addClass('hide')
    $('#university-' + $('#universities-select').val()).removeClass('hide')
    $('.university-hidden').val($('#universities-select option:selected').text())
   });