/* Generates the membership status according to Member informations. 
Related snippet files live in project's root:
design/snippets/membership_status_js.html
design/snippets/membership_status.html */
var MembershipStatus = {
  
  render : function() {
    if (Member.first_name() != null) {
      this.render_logged_in_box();
    }
    else {
      this.render_logged_out_box();
    }
    $$('#membership-status ul')[0].show();
    $$('#membership-status p')[0].hide();
  },


  render_logged_in_box : function() {
    this.update_welcome_link();
    this.update_logout_link();  
  },

  update_welcome_link : function() {
    link = $$('#membership-status ul li a')[0];
    link.setAttribute('href', '/member/edit');
    link.update('Welcome ' + '<strong>' + Member.first_name() + '</strong>'); 
  },
  update_logout_link : function() {
    link = $$('#membership-status ul li a')[1];
    link.setAttribute('href', '/member/sign_out');
    link.update('Sign Out');
  },


  render_logged_out_box : function() {
    this.update_sign_in_link();
    this.update_join_link();
  },

  update_sign_in_link : function() {
    link = $$('#membership-status ul li a')[0];
    link.setAttribute('href', '/member/sign_in');
    link.update('Sign in');
  },
  update_join_link : function() {
    link = $$('#membership-status ul li a')[1];
    link.setAttribute('href', '/member/sign_up');
    link.update('Join the Club');
  }

};