$(document).ready(function() {
  bymail = true;
  
  if (bymail == false) {
    $('form').submit(function() {
      return false;
    });
  }
  
  $('#bymail').click(function() {
    bymail = true;
    $(this).blur();
    if ($(this).hasClass('onboxtab')) {
      return false;
    }
    
    $('.onboxtab').removeClass('onboxtab');
    $(this).addClass('onboxtab');
    
    string = '<form action="/newpass/byemail" method="post">';
    string += '<table border="0" cellspacing="5">';
    string += '<tr>';
    string += '<td></td>';
    string += '<td style="color:black; padding-bottom:10px;">';
    string += 'Попълнете e-mail адреса, с който сте регистрирали акаунта си в DataBG. Новата парола ще ви бъде изпратена веднага щом се открие съответствие.';
    string += '</td>';
    string += '</tr>';
    string += '<tr>';
    string += '<td width="150">';
    string += '<b style="color:#333;">eMail адрес:</b>';
    string += '</td>';
    string += '<td colspan="2">';
    string += '<input type="text" name="email" class="forminput" style="width:400px;"/>';
    string += '</td>';
    string += '</tr>';
    string += '<tr>';
    string += '<td></td>';
    string += '<td>';
    string += '<input type="submit" value="Изпрати" class="formbtn" onclick="submitform(this);"/>';
    string += '</td>';
    string += '</tr>';
    string += '</table>';
    string += '</form>';
    
    $('.box_tabs_content').html(string);
    return false;
  });
  
  $('#byquestion').click(function() {
    bymail = false;
    $(this).blur();
    if ($(this).hasClass('onboxtab')) {
      return false;
    }
    
    $('.onboxtab').removeClass('onboxtab');
    $(this).addClass('onboxtab');
    
    string = '<table border="0" cellspacing="5">';
    string += '<tr><td></td><td style="color:black; padding-bottom:10px;">';
    string += 'При регистрацията си в DataBG сте избрали таен въпрос, чийто отговор ще ви разреши да смените паролата си в случай че я забравите. Отговорете на въпроса със същия отговор, който сте дефинирали при регистрация.</td></tr>';
		string += '<tr>';
		string += '<td width="150"><b style="color:#333;">Потребител</b></td>';
		string += '<td colspan="2"><input type="text" id="user" class="forminput" style="width:400px;"/></td>';
		string += '</tr>';
		string += '<tr><td></td><td>';
		string += '<input type="submit" value="Продължи" class="formbtn" onclick="javascript:getquestion();"/></td></tr>';
		string += '</table>';
    
    $('.box_tabs_content').html(string);
  });
  return false;
});

function getquestion() {
  $.getJSON('/newpass/getquestion/'+ document.getElementById('user').value, function(data) {
    if (data.result == true) {
      string = '<form action="/newpass/recoverbyquestion" method="post">';
      string += '<table border="0" cellspacing="5">';
      string += '<tr>';
      string += '<td width="150"><b style="color:#333;">Таен въпрос</b></td>';
			string += '<td colspan="2"><span style="color:#ff5500; font-size:18px;">'+ data.question +'</span></td>';
			string += '</tr>';
			string += '<tr>';
			string += '<td width="150"><b style="color:#333;">Отговор</b></td>';
      string += '<td colspan="2"><input type="text" name="answer" class="forminput" style="width:400px;"/></td>';
			string += '</tr>';
      string += '<tr><td></td><td>';
      string += '<input type="submit" value="Продължи" class="formbtn" onclick="javascript:submitform(this);"/></td></tr>';
      string += '<input type="hidden" name="user" value="'+ $('#user').val() +'"/>';
      string += '</table>';
      string += '</form>';
      $('.box_tabs_content').append(string);
    } else {
      alert('Този потребител няма зададен таен въпрос (или не съществува въобще)');
    }
  });
}

function submitform(obj) {
  $(obj).submit();
}