$(document).ready(function onload(){
  /* set the current tab css to selected */
  var tab = location.pathname.split('/')[1];
  $('#tab_'+tab+' a').attr('class','active');
  
  /* fill tweet box */
   $("#tweet_box").tweet({
        username: "ColorOfChange",
        count: 3,
        loading_text: "loading tweets...",
        template: "{text}{join}{time}"
    });

  $("#topright a#donate_button").hover(function() {
    $(this).stop().animate({top:'-10px'},100);
    //$(this).stop().animate({top:'-10px',left:'2px'},100);
  },function() {
    $(this).stop().animate({top:'-15px'},100);
    //$(this).stop().animate({top:'-20px',left:'10px'},100);
  });

  /* set up the frontpage join toggle */
  var popup_slide_dur = 500; //ms
  $('.red_box').toggle(function show_popup() {
        $('.popup .black_box').toggle('slide',popup_slide_dur);
        $('.popup .red_box').animate({'left':377},popup_slide_dur);
    },function hide_popup() {
      $('.popup .black_box').toggle('slide',popup_slide_dur);
      $('.popup .red_box').animate({'left':0},popup_slide_dur);
  });
  $('.close').click(function() {
      $('.red_box').click();
    });
  $('.btn_cancel').click(function() {
      $('.red_box').click();
    });
  //start hidden
  $('.black_box').hide();
  
  $('form#join_form .btn_join').click(function(data) {
    /* do basic form validation here, so that it happens without page reload */

    //validate email
    //regex from http://www.regular-expressions.info/regexbuddy/email.html
    var email_regex = new RegExp(/[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,6}/i);
    var email_entered = $("input[name=email]").val();
    var email_match = email_regex.test(email_entered);
    if (email_entered === "" | !email_match) {
      $("label[for=email]").addClass("error");
      return false;
    } else {
        $("label[for=email]").removeClass("error");
    }
    
    //check if name empty
    var name = $("input[name=name]").val();
    if (name === "") {
      $("label[for=name]").addClass("error");
      return false;
    } else {
        $("label[for=name]").removeClass("error");
    }
    
    //validate zip
    var zip_regex = new RegExp(/^\d{5}([\-]\d{4})?$/);
    var zip_entered = $("input[name=zip]").val();
    var zip_match = zip_regex.test(zip_entered);
    if (zip_entered === "" | !zip_match) {
      $("label[for=zip]").addClass("error");
      return false;
    } else {
        $("label[for=zip]").removeClass("error");
    }
  })
});