<?xml-stylesheet href="xsltforms/xsltforms.xsl" type="text/xsl"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events"	xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xf="http://www.w3.org/2002/xforms" xmlns:svg="http://www.w3.org/2000/svg">
	<head>
		<title>SVG Browser</title>
		<style type="text/css">
		   @namespace xf url("http://www.w3.org/2002/xforms");
		   #svgimg .xforms-value   {
    width: 100%;
	height:100%;
  }
		</style>
		<xf:model>
			<xf:instance id="current">
				<current xmlns=""/>
 
			</xf:instance>
			<xf:instance id="names">
				<names xmlns="">
					<name fname="euro.svg">European Flag</name>
					<name fname="pi.svg">Pie</name>
					<name fname="swedeflag.svg">Swedish Flag</name>
					<name fname="Mozilla.svg">Mozilla</name>
					<name fname="Wii.svg">Wii</name>
					<name fname="Duke.svg">Duke</name>
					<name fname="Bezier.svg">Bezier</name>
					<name fname="dial.svg">Dial</name>
				</names>
			</xf:instance>
			<xf:instance id="inlinesvg">       
							</xf:instance>
			<xf:submission id="loadsvg" method="get" replace="instance" instance="inlinesvg" serialization="none" mode="synchronous">
				<xf:resource value="concat('svg/',.)"/>
			</xf:submission>
 
			<xf:action ev:event="xforms-ready">
				<xf:setvalue ref="." value="instance('names')/name[1]/@fname"/>
				<xf:send submission="loadsvg"/>
			</xf:action>
		</xf:model>
	</head>
	<body>
		<h1>SVG Browser 2 - Derived from XFORMS Wikibook example and implemented on Google Applications Engine</h1>
 
		<xf:select1 ref="." appearance="minimal" incremental="true">
			<xf:label>Select SVG: </xf:label>
			<xf:itemset nodeset="instance('names')/name">
				<xf:label ref="."/>
				<xf:value ref="@fname"/>
			</xf:itemset>
			<xf:send ev:event="xforms-value-changed" submission="loadsvg"/>
		</xf:select1>
 
		<xf:trigger>
			<xf:label>Next</xf:label>
			<xf:setvalue ev:event="DOMActivate" ref="." value="if(instance('names')/name[preceding-sibling::name[1]/@fname = current()],instance('names')/name[preceding-sibling::name[1]/@fname = current()]/@fname,instance('names')/name[1]/@fname)"/>
		</xf:trigger>
		<br/>
		<xf:output id="svgimg" value="xf:serialize(instance('inlinesvg'))" mediatype="image/svg+xml" class="svgimg"/>
	</body>
</html>
