var form, country, stateRow, totalPledges, pledgeList;

jQuery(document).ready(function(){
	form =  jQuery(".pledge-form");
	
	form.find("br").remove();
	form.find("textarea").empty();	
	
	country = form.find('select[name="country"]');
	stateRow = form.find(".state-row");
	totalPledges = jQuery("#total-pledges");
	pledgeList = jQuery("#pledge-list-dialog");
	
	totalPledges.parent().css("cursor", "pointer");

	jQuery.getJSON("number-of-pledges.php", function(data){
		totalPledges.html(data);
	});
	

	
	country.live("change", function(){
		updateStates();
	}); 
	
	updateStates();
	
	form.bind("submit", function(){
		
		var message = jQuery("#message");
		var inputs = form.find(".validates-as-required");
		var inputLength = inputs.length;
		
		var failed = false;
		for (var i = 0; i < inputLength; i++) {
			var input = jQuery(inputs[i]);
			
			if (input.val() == "") {
				input.css("border", "2px solid red");
				input.css("background", "#FEE");
				failed = true;
			} else {
				input.css("border", "2px inset #F0F0F0");
				input.css("background", "#FFFFFF");
			}
		}
		
		if (!failed) {
            var image = jQuery("<img />").attr("src", "/jquery-ui/images/ajax-loader.gif").css("margin","auto");
            
            form.hide("slide", { direction: "up" }, 1000, function(){
                form.after(image);
            });
        
			jQuery.post(
				form.attr("action"), 
				form.serialize(),
				function (data){
					data = jQuery.parseJSON(data);
					
                // form.show("slide", { direction: "down" }, 1000);
                image.hide();

					message.css({
						margin: "0px 10px 10px 10px",
						padding: "5px"
					});
					
					if (data.success) {
						message.html("Your pledge has been submitted sucessfully.");
						message.css({
							background: "#CFC",
							border: "1px solid green",
							"border-radius":"10px",
							color: "green"
						});					
						
						window.setTimeout(function(){
							window.location.reload(true);
						}, 1000);
					} else {
						message.html("Something went wront submitting your pledge please try again.");
						message.css({
							background: "#FCC",
							border: "1px solid maroon",
							color: "maroon"
						});						
					}
				}
			);
		}
		
		return false;
	});	
});

function updateStates()
{
	var value = country.val();
	if (value == "US") {
		stateRow.show();
	} else {
		stateRow.hide();
	}	
}