~ Further work on the browse page.

lib/page.php

@@ -192,20 +192,25 @@
 
 					if ($browse == '/') {
 						$browse = '';
+						$browse_list = array('/');
+					}
+					else {
+						$browse_list = array_merge(array('/'), explode('/', $browse));
 					}
 
-					$browse_list = explode('/', $browse);
+					//print_r($browse_list);
 
-					//print_r($browse);
+					foreach ($browse_list as $key => $browse_item) {
-
-					if ($browse) {
-
-						foreach ($browse_list as $browse_item) {
 						$path .= $browse_item . '/';
-							$dir_list[] = array('path' => urlencode(trim($path, '/')), 'name' => $browse_item);
+						$dir_list[] =	array(
+											'path' => ($path == '//' ? '/' : urlencode(trim($path, '/'))),
+											'name' => $browse_item
+										);
 					}
 					
-					}
+					$smarty->assign('browse_header', $browse_item);
+					$parent_key = $key - 1;
+					$smarty->assign('browse_parent_link', $dir_list[$parent_key]['path']);
 
 					$smarty->assign('dir_list', $dir_list);
 

templates/default/browse.html

@@ -1,14 +1,19 @@
 
-			<ul id="crumb_trail">
+			<!--<ul id="crumb_trail">
 				<li><a href="{:$home_link:}"><img src="templates/{:$template:}/images/home.gif" alt="Home" /></a></li>
 
 				{:foreach from=$dir_list item=dir_list_item:}
 					<li>&bull; <a href="index.php?browse={:$dir_list_item.path:}">{:$dir_list_item.name|escape:'html':}</a></li>
 				{:/foreach:}
 
-			</ul>
+			</ul>-->
 			
-			<div id="buttons"><a href="index.php?action=playall"><img src="templates/{:$template:}/images/playall.gif" /></a> <a href="index.php?action=addall"><img src="templates/{:$template:}/images/addall.gif" /></a></div>
+			<div id="browse_parent">
+				{:if $browse_parent_link:}<a href="index.php?browse={:$browse_parent_link:}" id="browse_back">&nbsp;</a>{:/if:}
+				<p>{:$browse_header|escape:'html':}</p>
+			</div>
+
+			<!--<div id="buttons"><a href="index.php?action=playall"><img src="templates/{:$template:}/images/playall.gif" /></a> <a href="index.php?action=addall"><img src="templates/{:$template:}/images/addall.gif" /></a></div>-->
 
 			<div id="list">
 				<ul class="list">

templates/default/styles.css

@@ -65,6 +65,24 @@ p {
 	width: 106px;
 	text-shadow: 0 0 12px rgba(150, 210, 255, 0.9);
 }
+#browse_parent {
+	height: 30px;
+	padding: 0;
+	width: 320px;
+	margin: 0 auto;
+}
+#browse_parent p {
+	padding: 8px 10px;
+	text-align: left;
+}
+#browse_parent a#browse_back {
+	display: block;
+	float: left;
+	width: 45px;
+	height: 30px;
+	margin-right: 10px;
+	background: url(templates/{:$template:}/images/back.png) center center no-repeat;
+}
 #page {
 	padding: 0px;
 	clear: left;
@@ -72,6 +90,7 @@ p {
 #list {
 	background-color: #ddd;
 	color: #333;
+	margin: 0;
 }
 #list ul {
 	list-style-type: none;
@@ -81,7 +100,7 @@ p {
 	margin-right: auto;
 }
 #list ul.list {
-	margin-top: 10px;
+	margin-top: 0;
 }
 #list ul li {
 	padding: 3px 10px 3px 10px;