
<xhtml:html xmlns:f="http://orbeon.org/oxf/xml/formatting"
	xmlns:ev="http://www.w3.org/2001/xml-events"
	xmlns:xforms="http://www.w3.org/2002/xforms"
	xmlns:xhtml="http://www.w3.org/1999/xhtml"
	xmlns:xs="http://www.w3.org/2001/XMLSchema"
	xmlns:fe="http://www.intalio.com/bpms/workflow/xforms/MyForms/CreateComplaint"
	xmlns:xxforms="http://orbeon.org/oxf/xml/xforms"
	xmlns:stl="http://www.codesynthesis.com/xmlns/xsstl">

	<xhtml:head>
		<!-- Try to bring the ilango.css stylesheet in from outside --> 
		<xhtml:link rel="stylesheet" href="../../../TestSuite10.css" type="text/css"/>
		<xhtml:style type="text/css">
		
			@namespace xforms url("http://www.w3.org/2002/xforms");
			@namespace xhtml url("http://www.w3.org/1999/xhtml");
			
			body 
			{ 
				padding-left: 6px; color: black; font-family:
				verdana, arial, sans-serif; font-size: 10pt;
				background-color: #FFFFCC;
				/*background-image: url("C:\Intalio_Workspaces_Parent_Folder\CriminalComplaintProductionRelease1\ASAP_Session3_Wont_Validate_False\images\marbled.jpg");*/
				background-repeat: no-repeat;
				background-attachment: fixed;
				scrollbar-face-color: red;
				scrollbar-shadow-color: #1B1E25;
				scrollbar-highlight-color: #cccccc;
				scrollbar-3dlight-color: #272A2F;
				scrollbar-darkshadow-color: #1B1E25;
				scrollbar-track-color: #000000;
				scrollbar-arrow-color: #FFB903;
				background-position:center;
			}
			
			h1 {
				font-family: Arial; size: 100px; 
				color: #000000; 
				font-weight: bold;
				position:relative;
				left:200px;
				background-color:#999999;
			}
			
			
			.test-label
			{
				background-image:url(C:\Intalio_Workspaces_Parent_Folder\CriminalComplaintProductionRelease1\ASAP_Session3_Wont_Validate_False\images\label_bg_design_melt.gif);
				background-repeat:no-repeat;
				background-position:left;
				color:#646729;
				font-size:90%;
				font-weight:bold;
				border-width: 0px;
				display:block; /* block float the labels to left column, set a width */
				float:left;
				width:100px;
				height:24px;
				text-align:left;
				margin:4px 0px 0px 0px;
				/*padding:10px 0px 0px 8px;*/
				clear:left;
				display: block;  /* block float the labels to left column, set a width */
    			margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
   			    /*text-align: right;*/
			}
			

			.Offense_Information
			{
				margin-bottom: 1em; 
				background-image:url('C:\Intalio_Workspaces_Parent_Folder\CriminalComplaintProductionRelease1\ASAP_Session3_Wont_Validate_False\images\white1.jpg')
				
			}

			.container1
			{ 
				border: 1px solid #000000; 
				overflow: auto; 
				/*width: 100%; 
				height: 100%;*/
				width:1000px; 
				height:700px;
			}
			
			.x-large-textarea textarea
			{
				font-family: Courier, sans-serif;
				height; 20 em;
				width: 700px;
			}
			
			
				form fieldset h3
				{	
					background-color:none;
					border-width:0px;
					color:#646729;
					font-size:110%;
					font-weight:600;
					padding:3px 5px;
					margin:0px 0px 2px 0px;
				}
	 
			
			/*we will align the triggers themselves*/
			#Offense-Information-Triggers 
			{ 
				width:92%; /* And it's going to have a 500px width */ 
				background:#D9D9D9; 
			} 
			
			/*we will align the columns in which these triggers reside*/
			.create-offenses,.refresh-offenses
			{ 
				float: left; /* Our column is going to be left aligned. */ 
				width: 260px; /* Our total width - content width is 260px */ 
				background: #8A8AE6;
				color:#050;
   				font-family:'trebuchet ms',helvetica,sans-serif;
   				font-size:84%;
   				font-weight:bold;
   				background-color:#fed;
   				border:1px solid;
   				border-top-color:#696;
   				border-left-color:#696;
   				border-right-color:#363;
   				border-bottom-color:#363;
   				filter:progid:DXImageTransform.Microsoft.Gradient
      			(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); 
			} 
			
			.triggers-hov
			{
   				border-top-color:#c63;
   				border-left-color:#c63;
   				border-right-color:#930;
   				border-bottom-color:#930;
   			}
				
		</xhtml:style>
								
		<xhtml:title>Dialog Example</xhtml:title>

		<xforms:model>
		
				<xforms:instance id="taskinput">
					<fe:input>
						<fe:charge-description-textarea/>
					</fe:input>
				</xforms:instance>
				
				<xforms:instance id="taskoutput">
					<fe:output>
						<fe:charge-description-textarea/>
					</fe:output>
				</xforms:instance>	
	  			 
	  			<xforms:instance id="charges-instance">
				<fe:charges>
					<fe:charge>
						<fe:title-name>3</fe:title-name>
						<fe:sections>
							<fe:section>
								<fe:section-name>459 | Selling, Bartering or trading dogs</fe:section-name>
								<fe:subsections>
										<fe:subsection>
											<fe:subsection-name>a</fe:subsection-name>
											<fe:charge-description>a-The actor offered a dog as an inducement to purchase a product</fe:charge-description>
										</fe:subsection>
										<fe:subsection>
											<fe:subsection-name>b</fe:subsection-name>
											<fe:charge-description>
												(b)The actor offered a dog as an inducement to purchase a product, 
												commodity or service, in violation of Section 459-603(a) of the
												 Dog Law, 3 P.S.459-603(a), as amended.
											</fe:charge-description>
										</fe:subsection>
										<fe:subsection>
											<fe:subsection-name>c</fe:subsection-name>
											<fe:charge-description>
												(c)The actor offered a dog as an inducement to purchase a product, 
												commodity or service, in violation of Section 459-603(a) of the
												 Dog Law, 3 P.S.459-603(a), as amended.
											</fe:charge-description>
										</fe:subsection>
								 </fe:subsections>
							</fe:section>
							<fe:section>
									<fe:section-name>459-506-A | Public Safety and Penalties</fe:section-name>
										<fe:subsections>
											<fe:subsection>
												<fe:subsection-name>b</fe:subsection-name>
												<fe:charge-description>
													(b) ATTACKS BY DANGEROUS DOG.-IF A DANGEROUS DOG, 
													THROUGH THE INTENTIONAL, RECKLESS, OR NEGLIGENT 
													CONDUCT OF THE DOG'S OWNER, ATTACKS A PERSON OR 
													A DOMESTIC ANIMAL, THE DOG'S OWNER IS GUILTY OF 
													A MISDEMEANOR OF THE SECOND DEGREE.  IN ADDITION,
													THE DANGEROUS DOG SHALL BE IMMEDIATELY CONFISCATED,
													PLACED IN QUARANTINE FOR THE PROPER LENGTH OF TIME 
													AND THEREAFTER HUMANELY KILLED IN AN EXPEDITIOUS MANNER,
													WITH COSTS OF QUARANTINE AND DESTRUCTION TO BE BORNE BY 
													THE DOG'S OWNER.
												</fe:charge-description>
											</fe:subsection>
										<fe:subsection>
											<fe:subsection-name>a 4</fe:subsection-name>
											<fe:charge-description>
												(a) FAILURE TO REGISTER AND RESTRAIN.- A DANGEROUS DOG SHALL 
												BE IMMEDIATELY CONFISCATED BY A STATE DOG WARDEN OR A POLICE OFFICER 
												UPON THE OCCURRENCE OF ANY OF THE FOLLOWING:(4)  
												THEDOG IS OUTSIDE OF THE DWELLING OF THE OWNER OR OUTSIDE OF THE 
												PROPER ENCLOSURE AND NOT UNDER PHYSICAL RESTRAINT OF THE RESPONSIBLE 
												PERSON.  IN ADDITION, AN OWNER VIOLATING THIS SUBSECTION COMMITS A 
												MISDEMEANOR OF THE THIRD DEGREE.
											</fe:charge-description>
										</fe:subsection>
									</fe:subsections>
							</fe:section>
						</fe:sections>
					</fe:charge>
					<fe:charge>
						<fe:title-name>10</fe:title-name>
						<fe:sections>
							<fe:section>
								<fe:section-name>162 | Charitable Purposes Act: Prohibited Acts</fe:section-name>
								<fe:subsections>
									<fe:subsection>
										<fe:subsection-name>A1</fe:subsection-name>
										<fe:charge-description>
												In the planning, conduct or execution of a solicitation or 
												charitable sales promotion, the actor operated in violation of,
												or failed to comply with, any of the requirements of the Solicitation
												of Funds for Charitable Purposes Act, Act of December 19, 1990, 
												regulations of the Department of State of the Commonwealth or an 
												order of the Secretary of the Commonwealth, or solicited contributions 
												after registration with the department had expired or was suspended or 
												revoked, or solicited contributions prior to the solicitation notice 
												and contract having been approved by the department, in violation of 
												Section 162.15(a)(1) of the Solicitation of Funds for Charitable 
												Purposes Act, Act of December 19, 1990, 10 P.S.162.15(a)(1), as amended.
										</fe:charge-description>
									</fe:subsection>
									<fe:subsection>
										<fe:subsection-name>A11</fe:subsection-name>
										<fe:charge-description>
												In the planning, conduct or execution of a solicitation or charitable 
												sales promotion, the actor  solicited for advertising to appear in a 
												for-profit publication which related to, purported to relate to or 
												which could reasonably be construed to relate a a charitable purpose 
												without making the following disclosures at the time of the solicitation:
												 (1) the publication was a for-profit commercial enterprise, 
												 (2) the true name of the solicitor and the fact that the solicitor was a professional solicitor and 
												 (3) the publication was not directly affiliated or sponsored by a charitable organization, in violation 
												 of Section 162.15(a)(11)(i) of the Solicitation of Funds for Charitable Purposes Act, Act of December 19, 1990,
												  10 P.S.162.15(a)(11)(i), as amended.
										</fe:charge-description>
									</fe:subsection>				
								</fe:subsections>
							</fe:section>
						</fe:sections>
					</fe:charge>
			</fe:charges>
			</xforms:instance>
			
			<xforms:instance id="title-chosen">
				<fe:charge />
			</xforms:instance>
			
			<xforms:instance id="section-chosen">
				<fe:section />
			</xforms:instance>
			
			
			<xforms:instance id="subsection-chosen">
				<fe:subsection />
			</xforms:instance>
		
 		
			<xforms:action ev:event="xforms-ready">
				 <xforms:action xforms:if="string(instance('taskoutput')/@saved) != 'true'">
					<xforms:setvalue ref="instance('taskoutput')/fe:charge-description-textarea" value="instance('taskinput')/fe:charge-description-textarea"/>
				</xforms:action>		
			</xforms:action>
			
			<xforms:bind nodeset="instance('taskoutput')/fe:charge-description-textarea" relevant="true()" type="xs:string"/>
		</xforms:model>
	</xhtml:head>

	<xhtml:body>
	
		<p style="text-align: center;"><font style="BACKGROUND-COLOR: white;
				font-size: 150%;">
			CC Form
		</font></p>
		
		<!-- **********************************************************************************************************-->
			
		
		
			<xhtml:fieldset class="container1">
		
			<xhtml:legend>
				<b>Information</b>
			</xhtml:legend>
			
			<!-- Button to show the dialog -->
        	
        	<xhtml:div id = "Offense-Information-Triggers">
        		<xhtml:div>
        			<xforms:trigger class="create-offenses" onmouseover="this.className='create-offenses triggers-hov'" onmouseout="this.className='create-offenses'">
        				<xforms:label>Create Offenses</xforms:label>
        				<xxforms:show ev:event="DOMActivate" dialog="CreateoffensesDialog" />
        			</xforms:trigger>	
        		</xhtml:div>
        		<xhtml:div>
        			<xforms:trigger class="refresh-offenses" onmouseover="this.className='refresh-offenses triggers-hov'" onmouseout="this.className='refresh-offenses'">
   	         			<xforms:label>Refresh Offenses</xforms:label>
            			<xxforms:show ev:event="DOMActivate" dialog="RefreshOffensesDialog" neighbor="depict-dialog-below-trigger-trigger-2"/>
        			</xforms:trigger>
        		</xhtml:div>
        	</xhtml:div>
			
			
			<!--This is a dialog box definition. The dialog box is by default hidden. To display it we have to trigger a show event-->
			<xxforms:dialog  id="CreateoffensesDialog"  level="modeless" close="true" draggable="true" appearance="full">
			<xhtml:table class="Offense_Information" width="500" height="500">
				<xhtml:tr>
					<xhtml:td class="form-td">
				<xforms:label>Add Offenses</xforms:label>
					<!--This is  the title drop down menu-->
					<xforms:select1 ref="instance('title-chosen')">
						<xforms:label>Title:</xforms:label>
						<xforms:item>
							<xforms:label></xforms:label>
							<xforms:value></xforms:value>
						</xforms:item>
							<xforms:label ref="." />
							<xforms:value ref="." />
						<xforms:itemset nodeset="instance('charges-instance')/fe:charge/fe:title-name">
							<xforms:label ref="." />
							<xforms:value ref="." />
						</xforms:itemset>
					</xforms:select1>
					</xhtml:td>
				</xhtml:tr>	
					
				<xhtml:tr>
					<xhtml:td class="form-td">
				<!-- This is  the sections drop down menu.-->
				<xforms:select1 ref="instance('section-chosen')" incremental="true">
					<xforms:label>Section:</xforms:label>
					<xforms:item>
						<xforms:label></xforms:label>
						<xforms:value></xforms:value>
					</xforms:item>
					<!--using an Xpath expression, we only display the sections that correspond to the chosen title.-->
					<xforms:itemset
						nodeset="/instance('charges-instance')/fe:charge/fe:sections/fe:section[../../fe:title-name=instance('title-chosen')]">
						<xforms:label ref="fe:section-name" />
						<xforms:value ref="fe:section-name" />
					</xforms:itemset>
				  </xforms:select1>
					</xhtml:td>
				</xhtml:tr>
				
				<!--This is the subsections drop down menu-->
				<xhtml:tr>
					<xhtml:td class="form-td">
				<xforms:select1 ref="instance('subsection-chosen')">
					<xforms:label>Sub-Section:</xforms:label>
					<xforms:item>
						<xforms:label></xforms:label>
						<xforms:value/>
					</xforms:item>
						<!-- Display the subsections correspond to the chosen section.-->
						<!-- the / means we start from the very root of the document.
						Here the predicate is actually comparing the current node's parent element node rather
						than a sub-node or a current node -->
						<xforms:itemset	nodeset="/instance('charges-instance')/fe:charge/fe:sections/fe:section/fe:subsections/fe:subsection/fe:subsection-name[../../../fe:section-name=instance('section-chosen')]">
						<!--Select all child nodes of the fe:subsection element--> 
						<xforms:label ref="." />
						<xforms:value ref="." />
					</xforms:itemset>
				</xforms:select1>
				</xhtml:td>
				</xhtml:tr>
				
				<xhtml:tr>
					<xhtml:td class="form-td">
				<xforms:textarea ref="instance('taskoutput')/fe:charge-description-textarea"
								appearance="xxforms:autosize" incremental="true">
						<xforms:label class="test-label">
						</xforms:label>
				</xforms:textarea>
					</xhtml:td>
				</xhtml:tr>
				</xhtml:table>
				<!-- This is the add charges button-->
				
				<xforms:trigger id="insert-charges">
					<xforms:label>Add to charges</xforms:label>
					<!--Check that the charge chosen is not null, If it is we throw an error message-->
					<!--<xforms:action ev:event="DOMActivate"
						if="not(instance('subsection-chosen')[.=''] )!=true()">
						<xforms:message  value="string('Please choose a valid charge')" level="modal"/>
					</xforms:action>-->
				
					<!--each time it is triggered we verify that the charge chosen is not in the list already, If it is we throw an error message-->
					<!--<xforms:action ev:event="DOMActivate"

						if="not(instance('charges-instance')/fe:charges/fe:charge[.=instance('subsection-chosen')] )!=true() and not(instance('subsection-chosen')[.=''] )">
						<xforms:message  value="string('This charge is already in the list')" level="modal"/>
					</xforms:action>-->
					
					<!-- each time it is triggered we verify that the charge chosen is not in the list already, If it is not we add it to the charges list using an insert tag  -->
					<xforms:action ev:event="DOMActivate">
						<!--if="not(instance('charges-instance')/fe:charge/fe:sections/fe:section/fe:subsections/fe:subsection[.=instance('subsection-chosen')])">-->
						<!--<xforms:insert nodeset="employees" at="last()" position="before"/> -->
						<xforms:insert
							nodeset="instance('subsection-chosen')/fe:subsection"
							at="last()" position="after"/>
							<!--
							<xforms:insert ev:event="DOMActivate"
							context="instance('charges-instance')/fe:charge/fe:sections/fe:section/fe:subsections" nodeset="fe:subsection"
							at="last()" position="after"
							origin="instance('subsection-chosen')" />
							-->
					</xforms:action>
					<!--<xforms:trigger id="depict-dialog-below-trigger-trigger-2">
            			<xforms:label>Refresh Offenses</xforms:label>
            			<xxforms:show ev:event="DOMActivate" dialog="OffenseInformationDialog" neighbor="depict-dialog-below-trigger-trigger-2"/>
        			</xforms:trigger>-->
			</xforms:trigger>

			<!-- This is the same repeat as the other one above, this time we display it in the dialog box -->
				<xhtml:table>
					<xforms:repeat
						nodeset="instance('charges-instance')/fe:charges/fe:charge[.!='']"
						id="charges-repeat">
						<xhtml:tr>
							<xhtml:td>
								<xforms:output ref=".">
									<xforms:label />
								</xforms:output>
								
								</xhtml:td>
								<xhtml:td>
								<xforms:trigger>
									<xforms:label>Remove</xforms:label>
									<xforms:delete
										ev:event="DOMActivate"
										context="instance('taskoutput')/fe:charges"
										nodeset="fe:charge[.!='']" at="index('charges-repeat')" />
								</xforms:trigger>
							</xhtml:td>
						</xhtml:tr>
					</xforms:repeat>
				</xhtml:table>
				<xhtml:br/>
				<!-- This is a button that triggers a hide event to hide the dialog box-->
					<xforms:trigger>
						<xforms:label>Close</xforms:label>
								<xxforms:hide dialog="CreateoffensesDialog"
								ev:event="DOMActivate" />
					</xforms:trigger>
			</xxforms:dialog>
		
		<!-- Charge Code Window Stuff ends here -->
		</xhtml:fieldset>
		
	</xhtml:body>

</xhtml:html>