$(document).ready(
	function()
	{
		$('.screenName').after('<div class="row checkAvailability clear"><input type="image" src="/a/img/register/availability.gif" alt="Check Availability" /></div>');
		$('.passConf').after('<div class="row passwordStrength clear"><span id="psCopy">PASSWORD STRENGTH:</span><a class="tooltip" href="#"><img src="/a/img/register/tooltipIcon.gif" width="19" height="11" alt="" /> <span>For a strong password please use a password of 8 to 12 characters with a combination of upper and lower case letters, numbers and special characters.</span></a></div><div class="row passwordStrength passwordStrengthBar clear"></div>');
		$('.checkAvailability > input').click(
			function()
			{
				var me = $(this);
				var control = me.parent().prev().find( 'input' );
				var value = control.val();
				$(me).after( '<img src="/a/img/global/spinner.gif" width="16" height="16" alt="" />' );

				$.ajax(
					{
						url: '/ajax/screenNameAvailability.php?screenName=' + value,
						dataType: 'json',
						error: function( XMLHttpRequest, textStatus, errorThrown )
						{
							$(me).after( '<p>There was a problem checking availability.</p>' );
						},
						success: function( data, textStatus )
						{
							$(me).nextAll().remove();
							if ( data.result )
							{
								$(me).after( '<p>Screen Name is available</p>' );
							}
							else
							{
								$(me).after( '<p>Screen Name is unavailable</p>' );
							}
						}
					}
				);

				return false;
			}
		);
		$('.checkAvailability').show();
		$('.mainPassword').pstrength(
			{
				displayMinChar: false,
				minChar: 6
			}
		);

		var targetBlank = function()
		{
			window.open( this.getAttribute( 'href' ), 'register' );
			return false;
		};

		$('a[href=/terms/]').click( targetBlank );
		$('a[href=/privacy/]').click( targetBlank );
	}
);

