var modal_is_visilbe = false;
var modal_layout = '' //'login', 'signup'



$(document).ready(function() {
  
  
  $('#login').click(function() {
    if (modal_is_visilbe) {
      if (modal_layout == 'signup'){
        $('#signup').removeClass('select');
        $(this).addClass('select');
        $('#login-wrap').show();
        $('#signup-wrap').hide();
        modal_layout = 'login'
      }
      else{
        $('#modal-login').hide();
        $(this).removeClass('select');
        modal_is_visilbe = false;
      }
    }
    else{
      $('#modal-login').show();
      $(this).addClass('select');
      $('#login-wrap').show();
      $('#signup-wrap').hide();
      modal_layout = 'login'
      modal_is_visilbe = true;
    }
    return false;
  });
  $('#signup').click(function() {
    if (modal_is_visilbe) {
      if (modal_layout == 'login'){
        $('#login').removeClass('select');
        $(this).addClass('select');
        $('#login-wrap').hide();
        $('#signup-wrap').show();
        modal_layout = 'signup'
      }
      else {
        $('#modal-login').hide();
        $(this).removeClass('select');
        modal_is_visilbe = false;
      }
    }
    else{
      $('#modal-login').show();
      $(this).addClass('select');
      $('#login-wrap').hide();
      $('#signup-wrap').show();
      modal_layout = 'signup'
      modal_is_visilbe = true;
    }
    return false;
  });
  
  $('.add').show();
  $('.remove').hide();
  
  $('#phone-show').click(function() {
    $(this).hide();
    $('#phone-block').show(500);
  });
  $('#comment-show').click(function() {
    $(this).hide();
    $('#comment-block').show(500);
  });
});