$(document).ready(function() {
  
  /*
   * show unsubscribe form if hash is set
   */
  if (document.location.hash.indexOf('newsletter-unsubscribe') != -1) {
    
    $('#newsletter-subscribe').hide();
    $('#newsletter-unsubscribe').show();
    
  }
  
  /*
   * bind gender click events
   */
  $('.gender-male').bind('click', function() {
    newsletterSwitchGender(this, 'male');
  });
  
  $('.gender-female').bind('click', function() {
    newsletterSwitchGender(this, 'female');
  });
  
  function newsletterSwitchGender(el, gender) {
    
    $(el).parent('.row').find('div').removeClass('gender-active');
    $(el).addClass('gender-active');
    $(el).parent('.row').find('input').attr('value', gender);
  }
  
  /*
   * bind newsletter click events
   */
  $('.row.nlcheck').bind('click', function() {
    
    $(this).removeClass('checked');
    if ($(this).find('input:checked').length) {
      $(this).addClass('checked');
    }
  });
  
  /*
   * bind form switch
   */
  $('#newsletter-subscribe .subscribe-switch').bind('click', function() {
    
    $('#newsletter-subscribe').fadeOut(400, function() {
      $('#newsletter-unsubscribe').fadeIn(400);
    });
  });
  
});
