$(function(){



	$("#find_numbers").click(function(){
		$("#number_container").slideUp('fast', function(){
			$( this ).html('Searching for numbers...');
		});
		$("#number_container").slideDown('fast');
		$("#find_numbers").blur();
		
		
		
		$.post("/api/find_numbers", {
			area_code: $("#area_code").val()
		}, function(data){
			if( data.found == true ){
				var number_findings = '';
				for( number in data.numbers ){
					number_findings += '<p class="number_selector" style="width:130px;padding-left:5px;margin-right:5px;float:left"><input type="radio" name="selected_number" value="'+data.numbers[number]+'" /> '+data.numbers[number]+'</p>';
				}
				$("#number_container").slideUp('fast', function(){
					$( this ).html( '<p style="font-weight:bold;font-size:15px;margin-bottom:15px;">Choose an available number:</p> '+number_findings );
					$( this ).slideDown('fast');
				});
				
			} else {
				$("#number_container").html('Unfortunately we cannot find any numbers in the area code '+data.area_code+'. Please contact support at info@textoad.com and we\'ll work to find a number as quick as possible.');
			}
			
		}, 'json');
		
		return false;
	});
	
	$("input[name=selected_number]").live('click', function() {
		$(".selected_number").html( $("input[name=selected_number]:checked").val() );
		$(".selected_number_container").slideDown('fast');
		$(".card_details").show();
	});
	


	$("#submit_button").click(function(){
		if( $("#area_code").is(":focus") ){
			$("#find_numbers").click();
			return false;
		}
		
		$("#form_error").slideUp('fast');
		
		if( $("input[name=selected_number]:checked").val() == undefined ){
				$("#submit_button").prop('disabled', false).val("Process  Signup &raquo;");
				$("#form_error").html( 'Please enter your area code and select an available TextoAd Number for your account!' ).slideDown('fast');
			return false;
		}
		
		
		$("#submit_button").prop('disabled', true).val('Processing...');
		$.post("/signup", {
				full_name: $("input[name='full_name']").val(),
				email: $("input[name='email']").val(),
				password: $("input[name='password']").val(),
				card_number: $("input[name='card_number']").val(),
				card_exp_month: $("input[name='card_exp_month']").val(),
				card_exp_year: $("input[name='card_exp_year']").val(),
				card_cvc: $("input[name='card_cvc']").val(),
				area_code: $("#area_code").val(),
				selected_number: $("input[name=selected_number]:checked").val() 
		}, function(data){
			if( data.success ){
				window.location.replace('/account');
			} else {
				$("#submit_button").prop('disabled', false).val('Process  Signup &raquo;');
				$("#form_error").html( data.message ).slideDown('fast');
			}
		}, 'json');
		return false;
	});
	
});