<?xml version="1.0" ?>
<xsl:stylesheet 
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:photo="http://www.pheed.com/pheed/"
>
<xsl:param name="n" /> 
<xsl:param name="xml" /> 


<xsl:output method="html" /> 
<xsl:template match="/">
 <xsl:apply-templates />
</xsl:template>
<xsl:template match="rss/channel">
	<html>
	<head>
		<title>
			<xsl:value-of select="$n" /><xsl:value-of select = "title" />
		</title>
		<link rel="stylesheet" href="http://pod.pheed.com/css/basic.css" type="text/css" /> 
		<script LANGUAGE="JavaScript">
			function changePhoto(source, titletext, captionText) {
				var captionOut = ""
				captionOut += "<h4>";
				captionOut += titletext;
				captionOut += "</h4>";
				captionOut += captionText;
				var theTitle = document.getElementById("caption");
				theTitle.innerHTML = captionOut;
				document['thePhoto'].src=source;

				}
		</script>
	</head>
	<body>
		
	<div id="content">
		<div id="masthead">
				<h4 class="title">Mark Meyer Photography</h4>
			<div id="tabs">
					<a href="{link}">about</a>
					<a href="mailto:{managingEditor}">contact</a>
					<a href="http://www.photo-mark.com/">home</a>
			</div>
		</div>
	
		<div id="infoBanner">
			<div id="podDescription">
					<h4><xsl:value-of select = "title" /></h4>
					This is an RSS feed designed to be viewed in a news reader such as <a href="http://www.pheed.com/pheeder/">Pheeder</a>
			</div>
	
		</div>
			
		<div id="thumbs">
				<xsl:apply-templates select="item" />
		</div>
		<div id="mainPhoto">
			<img id="thePhoto">
			<xsl:attribute name="src">
				<xsl:value-of select= "item[position()=1]/photo:imgsrc" />
			</xsl:attribute>
		</img>
		<div id="caption" style="margin-left:10px">
		<h4><xsl:value-of select= "item[position()=1]/title" /></h4>
		<xsl:value-of select= "item[position()=1]/description" />
		</div>
		</div>
		<div id="footer">
	
		<p>
		<img src="{image/url}" height="60" width="37" vspace="10" /><br />
		brought to you by <a href="http://www.pheed.com">photo-mark.com</a>
		</p>
	</div>

	</div>
	
	</body>
	</html>
</xsl:template>
<xsl:template match = "item">
	<a  href="javascript:changePhoto('{photo:imgsrc}', '{title}', '{description}');">	
		<img  class="thumbnail" >
			<xsl:attribute name="src">
				<xsl:value-of select= "photo:thumbnail" />
			</xsl:attribute>
		</img>
		
	</a>
	<xsl:text>
	
	</xsl:text> 
</xsl:template>
<xsl:template match = 'text()' />
</xsl:stylesheet> 