// Scripts for Pet Photos page
$(document).ready(function(){
	// Add functionality to "Add new pet" link
	$('#bbb-photos-new-pet-link').click(function(event) {
		// Figure out how many pets have been added
		var pet_num = 1;
		
		while (document.getElementById('bbb-photos-pet-' + pet_num) != null) {
			pet_num++;
		}
		
		// Create new pet field
		var pet_html = '<div id="bbb-photos-wrap-pet-' + pet_num + '"><h3>Pet #' + pet_num + '</h3>';
		pet_html += '<label for="bbb-photos-pet-' + pet_num + '">Name, age, and breed</label><input type="text" id="bbb-photos-pet-' + pet_num + '" name="bbb-photos-pet-' + pet_num + '">';
		pet_html += '&nbsp;<a id="bbb-photos-remove-' + pet_num + '" href="#">Remove pet</a></div>';
		
		$('#bbb-photos-new-pet-link').before(pet_html);
		
		// Add functionality to remove link
		$('#bbb-photos-remove-' + pet_num).click(removePetField);
		
		// Remove any previous removal links
		if (pet_num > 2) $('#bbb-photos-remove-' + (pet_num - 1)).remove();
		
		// Update price total
		updateTotal(pet_num);
		
		event.preventDefault();
	});
	
	// Add event handler to PayPal radio button to hide credit card fields
	$('.bbb-photos-pay-type-wrap input').click(function(event) {
		if ($(this).val() == 'PayPal') {
			$('.bbb-photos-card-type-wrap, .bbb-photos-card-name-wrap, .bbb-photos-card-number-wrap, .bbb-photos-card-expire-wrap, .bbb-photos-card-cvv-wrap').hide(1000);
		} else {
			$('.bbb-photos-card-type-wrap, .bbb-photos-card-name-wrap, .bbb-photos-card-number-wrap, .bbb-photos-card-expire-wrap, .bbb-photos-card-cvv-wrap').show(250);
		}
	});
	
	// Set initial total to one pet
	updateTotal(1);	
	
	function removePetField(event) {
		var id_parts = this.id.split('-');
		var pet_num = id_parts[id_parts.length - 1];
		
		$('#bbb-photos-wrap-pet-' + pet_num).remove();
		
		// Create a new removal link
		if (pet_num > 2) {
			var remove_link = '&nbsp;<a id="bbb-photos-remove-' + (pet_num - 1) + '" href="#">Remove pet</a>';
		
			$('#bbb-photos-pet-' + (pet_num - 1)).after(remove_link);
			$('#bbb-photos-remove-' + (pet_num - 1)).click(removePetField);
		}
		
		updateTotal(pet_num - 1);
		
		event.preventDefault();
	}
	
	function updateTotal(pet_num) {
		if (pet_num > 2) {
			if (pet_num > 5) {
				total = 30
			} else {
				total = 20;
			}
		} else {
			total = 10;
		}
			
		$('#bbb-photos-amt').html(total); // Update total display
		$('#bbb-photos-pay-total').attr('value', total); // Update hidden input
	}
});