/tgext/registration/static/js/username-or-email.js

$(document).ready(function()

{

	var user_text 		= "Recover your password using your username";

	var email_text 	    = "Recover your password using your email address";

	

	var user_input		= $('#user_name_container #user_name');

	var email_input		= $('#email_address_container #email_address');



	var user_container  = $('#user_name_container');

	var email_container = $('#email_address_container');



	// add the link

	$('li#email_address_container').after(

	'<li id="recover-link-container">'+

		'<a style="cursor:pointer" id="recover-link"></a>'+

	'</li>');



	var recover_link = $('#recover-link');



	$('#recover-link').click(function()

	{

		if ($(this).hasClass('username'))

		{

			user_container.hide();

			email_container.show();



			user_input.val('');

			recover_link.text(email_text);



			$(this).removeClass('username').addClass('email');

		}

		else

		{

			user_container.show();

			email_container.hide();



			

			email_input.val('');

			recover_link.text(user_text);



			$(this).removeClass('email').addClass('username');

		}

	});



	// if the email has an error field, then we show the email field

	if ($('#email_address + span.fielderror').length)

	{

		user_input.val('');

		user_container.hide();

		recover_link.addClass('email');

		recover_link.text(user_text);

	}

	// by default we show the username field

	else

	{

		email_input.val('');

		email_container.hide();

		recover_link.addClass('username');

		recover_link.text(email_text);

	}

	

});