<?xml version='1.0'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<!-- RadioPoint.xslt Copyright 2002 Colin Faulkingham -->
<!-- RadioPoint.xslt Copyright 2002 Shakeel Mahate -->
<xsl:output method="html"/>
<xsl:template match = "/opml" >
<xsl:variable name="space">&#x20;</xsl:variable>
<html>
 <head>
 <title><xsl:value-of select="head/title" /></title>
 <style type="text/css" media="screen">
  <![CDATA[
	body {
		background: #000;
		color: #000;
		font-family: helvetica,arial,sans-serif;
	}
	.expanded {
		background: transparent;
		visibility: visable;
		display: block;
	}
	
	.collapsed {
		visibility: hidden;
		display: none;
	}
	.slideTitle {
		color: #FFF;
		margin-left: 5em;
		margin-right: 5em;
		margin-bottom: 1em;
		font-style: oblique;
		font-weight: bold;
		font-size: 200%;
	}
	.slideItem {
		color: #FFF;
		margin-left: 5em;
		margin-right: 5em;
		margin-bottom: 1em;
		font-style: oblique;
		font-weight: bold;
		font-size: 150%;
	}
	blockquote {
		border: 0.05em #003;
	}
	hr {
		background: #FFF;
		color: #FFF;
		padding: 0;
		border: 0.25em #FFF dotted;
	}
	img {
		border: 0;
	}
	td {
		font-size: 150%;
		margin: 0.5em;	
		padding: 0.25em;
	}
	a:link {
		background: #000;
		color: #FF0;
	}
	a:visited {
		background: #000;
		color: #FF0;
	}
	a:hover {
		background: #000;
		color: #FF0;
		text-decoration: none;
	}
	.slideNavigation {
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px;
	}
	.slideInformation {
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px;
	}]]>
 </style>
<script type="text/javascript" language="javascript">
 <![CDATA[
 	function toggle(action) {
				var currentDivId	='slide'+ document.showControl.currentSlide.value;
				if(document.getElementById(currentDivId).className=='expanded'){
					document.getElementById(currentDivId).className='collapsed';

					if(action == 'Next'){
						var nextSlide	='slide'+ (parseInt(document.showControl.currentSlide.value)+1);
						var nextSlideNum=(parseInt(document.showControl.currentSlide.value)+1);
						if(nextSlideNum > document.showControl.max.value){
							document.getElementById('slide1').className='expanded';
							document.showControl.currentSlide.value=1;
							document.getElementById('slideof').innerHTML='Slide 1 of ' + document.showControl.max.value;
						}
						else{
							document.getElementById(nextSlide).className='expanded';
							document.showControl.currentSlide.value=parseInt(document.showControl.currentSlide.value)+1;
							document.getElementById('slideof').innerHTML='Slide '+ document.showControl.currentSlide.value +' of ' + document.showControl.max.value;
						}
					}
					else if(action == 'Prev'){
						var prevSlide	='slide'+ (parseInt(document.showControl.currentSlide.value)-1);
						var prevSlideNum=(parseInt(document.showControl.currentSlide.value)-1);
						
						if(prevSlideNum <1){
							var lastSlide='slide'+ document.showControl.max.value;
							document.getElementById(lastSlide).className='expanded';
							document.showControl.currentSlide.value=document.showControl.max.value;
							document.getElementById('slideof').innerHTML='Slide '+document.showControl.currentSlide.value+' of ' + document.showControl.max.value;
						}
						else{
							document.getElementById(prevSlide).className='expanded';
							document.showControl.currentSlide.value=parseInt(document.showControl.currentSlide.value)-1;
							document.getElementById('slideof').innerHTML='Slide '+ document.showControl.currentSlide.value +' of ' + document.showControl.max.value;
						}
					}
					else if(action == 'Home'){
						document.showControl.currentSlide.value=1;
						document.getElementById('slide1').className='expanded';
						document.getElementById('slideof').innerHTML='Slide '+ document.showControl.currentSlide.value +' of ' + document.showControl.max.value;
					}	
				}
			}
			
			function intShow(){
				var start	='slide'+ document.showControl.currentSlide.value;
				document.getElementById(start).className='expanded';
				document.getElementById('slideof').innerHTML='Slide '+ document.showControl.currentSlide.value +' of ' + document.showControl.max.value;
			}

 ]]>
 </script>
</head>
	<body onload="intShow()">
		<br/><br/><br/>
		<table border="0" width="95%">
			<tr>
				<td align="right">
					<div class="slideNavigation">
						<a href="#" onclick="toggle('Prev')">Prev</a><xsl:value-of select="$space"/>
						<a href="#" onclick="toggle('Next')">Next</a><xsl:value-of select="$space"/>
						<a href="#" onclick="toggle('Home')">Home</a>
						<div id="slideof"></div>
						</div>
					</td>
				</tr>
			</table>
		<blockquote>	
			<form name="showControl" action="#">
				<input type="hidden" name="currentSlide" value="1"/>
				<input type="hidden" name="max" value="{count(body/outline)}"/>
			</form>
			<xsl:apply-templates select="body"/>
		</blockquote>
	</body>
</html>

</xsl:template>

	<xsl:template match = "body/outline">

	<xsl:variable name="slidepos" select="position()"/>
	<xsl:variable name="slidenum" select="concat('slide',$slidepos)"/>
		
	<div id="" class="collapsed">
		<xsl:attribute name="id">
		<xsl:value-of select="$slidenum" />
		</xsl:attribute>
		<blockquote>
			<div class="slideTitle"><xsl:value-of select="@text" /><hr></hr></div>
				<blockquote>
				<xsl:for-each select="outline">
					<xsl:choose>
						<xsl:when test="@type = 'link'">
							<div class="slideItem">
							<a>
							<xsl:attribute name="href">
				  				<xsl:value-of select="@url" /> 
				  			</xsl:attribute>
				 			<xsl:value-of select="@text"/></a></div>
				 		</xsl:when>
						<xsl:otherwise>
							<div class="slideItem"><xsl:value-of select="@text" /></div>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:for-each></blockquote>
				<xsl:apply-templates/>
		</blockquote>
	</div>
	</xsl:template>
</xsl:stylesheet>
