<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
	style="padding-left:10.0px;padding-top:10.0px" dojoParseOnLoad="false"
	pageTitle="Two Containers">
	<xp:this.data>
		<xp:dominoView var="main" viewName="Main"></xp:dominoView>
		<xp:dominoView var="archive" viewName="Archive"></xp:dominoView>
	</xp:this.data>
	<xp:this.resources>
		<xp:styleSheet href="/dnd.css"></xp:styleSheet>
		<xp:dojoModule name="dojo.dnd.Source"></xp:dojoModule>
		<xp:dojoModule name="dojo.parser"></xp:dojoModule>
		<xp:dojoModule name="dojo.dnd.move"></xp:dojoModule>
		<xp:styleSheet>
			<xp:this.href><![CDATA[#{javascript:request = facesContext.getExternalContext().getRequest();
server = request.getServerName();
protocolFull = request.getProtocol(); //returns protocol/version (ex: HTTP/1.1)
protocolOnly = protocolFull.split("/")[0]; //get just the protocol (lowercase it in next step...)
port = (request.getServerPort().equals(80)) ? "" : ":" + request.getServerPort();
protocolOnly.toLowerCase() + "://" + server + port + "/domjs/dojo-1.3.2/dojo/resources/dnd.css" }]]></xp:this.href>
		</xp:styleSheet>
		<xp:script src="/archive_demo.js" clientSide="true"></xp:script>
	</xp:this.resources>
	<xp:dataTable rows="20" id="dataTable1" value="#{main}"
		var="mainData" indexVar="mainIndex"
		style="width:400px;border-color:rgb(0,0,0);border-style:solid;border-width:thin"
		caption="Main" styleClass="main_table container"
		rowClasses="dojoDndItem">
		<xp:this.facets>
			<xp:pager partialRefresh="true" layout="Previous Group Next"
				xp:key="header" id="pager1">
			</xp:pager>
		</xp:this.facets>
		<xp:column id="column1">
			<xp:this.facets>
				<xp:span xp:key="header">title</xp:span>
			</xp:this.facets>
			<xp:text escape="true" id="computedField1"
				value="#{mainData.Title}">
			</xp:text>
		</xp:column>
		<xp:column id="column3" disableTheme="true">
			<xp:text escape="false" disableTheme="true">
				<xp:this.value><![CDATA[#{javascript:'<input type="hidden" value="' + mainData.getDocument().getUniversalID() + '">'}]]></xp:this.value>
			</xp:text>
		</xp:column>
	</xp:dataTable>
	<xp:dataTable rows="10" id="dataTable2" value="#{archive}"
		var="archiveData" indexVar="archiveIndex"
		style="width:400px;border-color:rgb(0,0,0);border-style:solid;border-width:thin"
		caption="Archive" rowClasses="dojoDndItem"
		styleClass="archive_table container">
		<xp:this.facets>
			<xp:pager partialRefresh="true" layout="Previous Group Next"
				xp:key="header" id="pager2">
			</xp:pager>
		</xp:this.facets>
		<xp:column id="column2">
			<xp:this.facets>
				<xp:span xp:key="header">title</xp:span>
			</xp:this.facets>
			<xp:text escape="true" id="computedField2"
				value="#{archiveData.Title}">
			</xp:text>
		</xp:column>
		<xp:column id="column4">
			<xp:text escape="false" disableTheme="true">
				<xp:this.value><![CDATA[#{javascript:'<input type="hidden" value="' + archiveData.getDocument().getUniversalID() + '">'}]]></xp:this.value>
			</xp:text>
		</xp:column>
	</xp:dataTable>
	<xp:inputHidden id="inputHidden1"></xp:inputHidden>
	<xp:scriptBlock id="scriptBlock1">
		<xp:this.value><![CDATA[var mainTableId = "#{id:dataTable1}";
var archiveTableId = "#{id:dataTable2}";]]></xp:this.value>
	</xp:scriptBlock>
</xp:view>

