pax.load.onloaded( function() {
	//	Setup a template for our form
	var myTemplate = "\
		<fieldset style='width:400px;'><legend>Customer details</legend>\
			<label for='name'>Name</label>\
				<input name='name' type='text' size='30' value='[:= name :]'><br>\
			<label for='address'>Address</label>\
				<input name='address' type='text' size='80' value='[:= address :]'><br>\
			<label for='phone'>Phone</label>\
				<input name='phone' type='text' size='10' value='[:= phone :]'><br>\
			<label for='owing'>Owing</label>\
				<input name='owing' type='text' size='10' value='[:= owing :]'><br>\
			<br/>\
		</fieldset>\
	";
	
	//	Create some data; this could be loaded via ajax.
	var cust = { 
		name: "Nick Hogan", 
		address: "17/11 Lilyfield Rd, Hornsby NSW 2187", 
		phone: "02 9555 1298", 
		owing:  412.84	
	};
	
	//	Render the template and data
	pax.template.render( myTemplate, { value: cust, target: pax.$("example1_output") } );
} );
