--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/templates.joi/navbar.html	Wed Oct 15 23:28:56 2008 +0200
@@ -0,0 +1,109 @@
+<table cellpadding="1" cellspacing="0" border="0" width="160">
+  <!-- Display the links used to navigate on different views -->
+  <TMPL_IF NAME="UP_LINK">
+    <tr onMouseOver="hlon(this, null, 'up');"
+        onMouseOut="hloff();"
+	onClick="location.href='<TMPL_VAR NAME="UP_LINK">';">
+      <td align="center">
+        <a href="<TMPL_VAR NAME="UP_LINK">">
+          <img src="<TMPL_VAR NAME="STATIC_PATH">/up.png"
+               alt="<TMPL_VAR NAME="STRING_UP">"></a>
+      </td>
+      <td>
+        <a id='up' 
+	   accesskey="u"
+	   href="<TMPL_VAR NAME="UP_LINK">"><TMPL_VAR NAME="STRING_UP"></a>
+      </td>
+    </tr>
+  </TMPL_IF>
+  <TMPL_LOOP NAME="NAV_BAR_TABLE">
+    <TMPL_IF NAME="NAV_LINK">
+      <tr onMouseOver="hlon(this, null, '<TMPL_VAR NAME="NAV_ID">');"
+          onMouseOut="hloff();"
+	  onClick="location.href='<TMPL_VAR NAME="NAV_LINK">';">
+        <td align="center">
+          <a href="<TMPL_VAR NAME="NAV_LINK">">
+	    <img src="<TMPL_VAR NAME="STATIC_PATH">/<TMPL_VAR NAME="NAV_ICON">"
+	         alt="<TMPL_VAR NAME="NAV_NAME">"></a>
+        </td>
+        <td>
+          <a id="<TMPL_VAR NAME="NAV_ID">" href="<TMPL_VAR NAME="NAV_LINK">">
+	    <TMPL_VAR NAME="NAV_NAME"></a>
+        </td>
+      </tr>
+    <TMPL_ELSE>
+      <tr class="highlight">
+        <td align="center">
+	  <img src="<TMPL_VAR NAME="STATIC_PATH">/<TMPL_VAR NAME="NAV_ICON">"
+	       alt="<TMPL_VAR NAME="NAV_NAME">">
+        </td>
+        <td>
+          <TMPL_VAR NAME="NAV_NAME">
+        </td>
+      </tr>
+    </TMPL_IF>
+  </TMPL_LOOP>
+  <tr>
+    <td colspan="2">
+      &nbsp;
+    </td>
+  </tr>
+  <tr onMouseOver="hlon(this, null, 'tree');"
+      onMouseOut="hloff();"
+      onClick="location.href='<TMPL_VAR NAME="TREE_LINK">';">
+    <td align="center">
+      <a href="<TMPL_VAR NAME="TREE_LINK">"
+	    accesskey="t"
+	 title="<TMPL_VAR NAME="STRING_ALBUMTREE">">
+	<img src="<TMPL_VAR NAME="STATIC_PATH">/albumtree.png"
+	     alt="<TMPL_VAR NAME="STRING_ALBUMTREE">"></a>
+    </td>
+    <td>
+      <a id="tree" href="<TMPL_VAR NAME="TREE_LINK">">
+	<TMPL_VAR NAME="STRING_ALBUMTREE"></a>
+    </td>
+  </tr>
+  <TMPL_IF NAME="FEEDBACK_LINK">
+    <tr>
+      <td colspan="2">
+        &nbsp;
+      </td>
+    </tr>
+    <!--<tr onMouseOver="this.className='hover';"
+        onMouseOut="this.className='tableBG';"
+        onClick="location.href='mailto:<TMPL_VAR NAME="FEEDBACK_LINK">?subject=<TMPL_VAR NAME="STRING_YOURALBUM"> <TMPL_INCLUDE NAME="subjectpath.html">';">-->
+    <tr onMouseOver="hlon(this, null, 'fdbk');"
+        onMouseOut="hloff();">
+      <td align="center">
+        <a href="mailto:<TMPL_VAR NAME="FEEDBACK_LINK">?subject=<TMPL_VAR NAME="STRING_YOURALBUM"> <TMPL_INCLUDE NAME="subjectpath.html">">
+	  <img src="<TMPL_VAR NAME="STATIC_PATH">/contact.png"
+	       alt="<TMPL_VAR NAME="STRING_FEEDBACK">"></a>
+      </td>
+      <td>
+        <a id="fdbk" href="mailto:<TMPL_VAR NAME="FEEDBACK_LINK">?subject=<TMPL_VAR NAME="STRING_YOURALBUM"> <TMPL_INCLUDE NAME="subjectpath.html">">
+	  <TMPL_VAR NAME="STRING_FEEDBACK"></a>
+      </td>
+    </tr>
+  </TMPL_IF>
+  <TMPL_IF NAME="HOME_LINK">
+    <tr>
+      <td colspan="2">
+        &nbsp;
+      </td>
+    </tr>
+    <tr onMouseOver="hlon(this, null, 'home');"
+        onMouseOut="hloff();"
+        onClick="location.href='<TMPL_VAR NAME="HOME_LINK">';">
+      <td align="center">
+        <a href="<TMPL_VAR NAME="HOME_LINK">"
+	   title="<TMPL_VAR NAME="STRING_HOME">">
+	  <img src="<TMPL_VAR NAME="STATIC_PATH">/home.png"
+	       alt="<TMPL_VAR NAME="STRING_HOME">"></a>
+      </td>
+      <td>
+        <a id="home" href="<TMPL_VAR NAME="HOME_LINK">">
+	  <TMPL_VAR NAME="STRING_HOME"></a>
+      </td>
+    </tr>
+  </TMPL_IF>
+</table>