function showHideAdditional(e) {
		
		selectElement = Event.element(e)
		
		form = $('update_delivery_form');	
		optionValue = selectElement.options[selectElement.selectedIndex].value;
		url = ROOT + "/includes/delivery-postcode-form.asp";

		postcodeTitle = $('delivery-postcode-title');
		
		
		postcodeHolderDiv = $('delivery_postcode_holder')
		/**
		postcodeInput = $('delivery_postcode');
		**/
		
		switch(optionValue) {
			case "delivery":
				// load the HTML of the postcode form from SITE/includes/delivery-postcode-form.asp
				postcodeTitle.innerHTML = "<strong><br /><br />Delivery Postcode</strong>";
				new Ajax.Updater('delivery-postcode-container', url);
				break;
			case "collection":
				form.submit();
				break;
			default:
				if (postcodeHolderDiv) {
					postcodeHolderDiv.style.display = "none";
				}
				postcodeTitle.innerHTML = "";
				form.submit();
				break;
		}
		
	
}

function basketInit() {
	
	
	deliveryMethodInput = $('delivery_method'); // <select> element for delivery options
	deliveryMethodButton = $('update-delivery-method');
	if (deliveryMethodButton) {
		deliveryMethodButton.style.display = "none";
	}
	/**
	postcodeHolderDiv = $('delivery_postcode_holder')	
	postcodeTitle = $('delivery-postcode-title');
	**/
	
	if (!deliveryMethodInput) { 
		return false;
	}
	else {
		Event.observe(deliveryMethodInput, "change", showHideAdditional, false); 
	}
	
	
}

Event.observe(window, "load", basketInit, false);