<?xml version="1.0" encoding="utf-8" ?>
<Template Title = "Start Wizard">
	<h2>Start Wizard</h2>
	<div class = "field">
		<div class = "field_label">Enter a value:</div>
		<div class = "filed_input">
			<input type = "text" class = "input_text" rid = "TestText" />
		</div>
	</div>
	<div class = "field">
		<div class = "field_label">Next:</div>
		<div class = "filed_input">
			<input type = "button" value = "Next" onclick = "${this}.Next()" />
		</div>
	</div>
	<div class = "field">
		<div class = "field_label">Modal:</div>
		<div class = "filed_input">
			<input type = "button" rid = "toggle_button" value = "Set Is Modal" onclick = "${this}.ToggleModal()" />
		</div>
	</div>
	<embedded-script><![CDATA[
		template_init : function(){
			var i = this.getStatus().is_modal;
			var o = this.getTemplateObjectByName("toggle_button");
			o.value = (!i ? "Set Is Modal" : "Set Isn't Modal");
		},
		
		ToggleModal : function(){
			var i = this.getStatus().is_modal;
			var o = this.getTemplateObjectByName("toggle_button");
			o.value = (i ? "Set Is Modal" : "Set Isn't Modal");
			this.setIsModal(!i);
			if(!i) this.getFocus();
		},
		
		Next : function(){
			this.loadTemplate("/projects/engine/demonstrations/demonstration_17/EndWizardTemplate.xml");
		}
		
	]]></embedded-script>
</Template>