6 files changed, 161 insertions, 33 deletions
diff --git a/abs/core/supplemental-web/contents/alt_index.html b/abs/core/supplemental-web/contents/alt_index.html
index faf09fb..e6a89b4 100644
--- a/abs/core/supplemental-web/contents/alt_index.html
+++ b/abs/core/supplemental-web/contents/alt_index.html
@@ -2,8 +2,8 @@
 <html>
 	<head><title>LinHES: The Linux Home Entertainment System</title>
 	</head>
-	<frameset rows="217, 80%" frameborder="no" border="3" bordercolor="#000000">
-		   <frame src="header.html" name="menuframe" />
+	<frameset rows="230, 80%" frameborder="no" border="3" bordercolor="#000000">
+	<frame src="header.html" scrolling=no  name="menuframe" />
 		      <frame src="home.shtml" name="content" />
 		      <noframes>
 			      <body>
diff --git a/abs/core/supplemental-web/contents/error/call_log.html b/abs/core/supplemental-web/contents/error/call_log.html
index 3f05f21..d4d6333 100644
--- a/abs/core/supplemental-web/contents/error/call_log.html
+++ b/abs/core/supplemental-web/contents/error/call_log.html
@@ -6,6 +6,6 @@
 <body>
 Call logging is not enabled, or no calls logs
 </br>
-To enable logging of incoming phone calls please visit the advanced section of the service menu 
+To enable logging of incoming phone calls please visit the advanced section of the service menu
 </body>
 </html>
diff --git a/abs/core/supplemental-web/contents/error/zoneminder.html b/abs/core/supplemental-web/contents/error/zoneminder.html
new file mode 100644
index 0000000..25ecc9b
--- /dev/null
+++ b/abs/core/supplemental-web/contents/error/zoneminder.html
@@ -0,0 +1,20 @@
+<html>
+<head>
+<style type="text/css">@import "/frame.css";</style>
+</head>
+
+<body>
+Zoneminder is not enabled or installed.
+</br>
+</br>
+</br>
+<div id="navcontainer">
+    <ul id="navlist">
+
+To enable zoneminder run these commands in a terminal:
+    </br>
+    <li>     pacman -Syyu zoneminder </li>
+    <li>     add_service.sh zoneminder </li>
+</ul>
+</body>
+</html>
diff --git a/abs/core/supplemental-web/contents/header.html b/abs/core/supplemental-web/contents/header.html
index 60f82f1..b8b346c 100644
--- a/abs/core/supplemental-web/contents/header.html
+++ b/abs/core/supplemental-web/contents/header.html
@@ -1,36 +1,50 @@
 <html>
-<style type="text/css">@import "mv.css";</style>
+<!--<style type="text/css">@import "mv.css";</style>-->
+<link rel="stylesheet" type="text/css" href="skeleton.css" />
 <head>
 
 <script type="text/javascript">
-function r() 
+function r()
 {
 	current_hostname=parent.location.hostname
 	top.frames["content"].location.href = ( "http://" + current_hostname + ":6544" ) ;
- 
-}	
-</script>	
+
+}
+</script>
 </head>
 
 <BODY BGCOLOR=#ebb81c>
 
-<div id='header'>
- </div>
+<div id='header'></div>
+<img id='header_img' src="linhes_header.png" alt="Alt Text" title="Image Title"/>
 
 <base target="content" />
-<div id="navcontainer">
-	<ul id="navlist">
-		<li id="active"><a href="home.shtml" TARGET="content" id="current">Home</a></li>
-		<li><a href="xymon"  >System health</a></li>
-		<li><a href="docs.html"  >Documentation</a></li>
-		<li><a href="links.html"  >Links</a></li>
-		<!--		<li><a href="webcal/"  >Calendar</a></li> -->
-		<li><a   onClick=r() >Myth Backend Status</a></li>
-		<li><a href="mythweb/" >MythWeb</a></li>
-        <li><a href="mythexport/setup.cgi"  >MythExport</a></li>
-
-        <li><a href="/calllog.shtml"  >Phone call log</a> </li>
-</ul>
-</div>
+<ul id="nav">
+<li><a href="home.shtml" TARGET="content" id="current">Home</a></li>
+<li><a href="xymon" >System Health</a></li>
+<li><a href="/exports.shtml">Utilities &#187;</a>
+    <ul>
+        <li><a href="/exports.shtml"  >List file shares </a></li>
+        <li><a href="mythweb/">MythWeb</a></li>
+        <li><a href="mythexport/setup.cgi">MythExport</a></li>
+        <li><a href="/zm">ZoneMinder</a></li>
+    </ul>
+</li>
+
+<li><a href="/logs/">Logs &#187;</a>
+    <ul>
+        <li><a href="/calllog.shtml">Phone Call Log</a></li>
+        <li><a href="/logs/">System Logs</a></li>
+
+    </ul>
+</li>
+
+
+<li><a href="docs.html"  >Documentation</a></li>
+<li><a   onClick=r() >Myth Backend Status</a></li>
+
+<li><a href="links.html"  >Links</a></li>
+
+
 </body>
 </html>
diff --git a/abs/core/supplemental-web/contents/links.html b/abs/core/supplemental-web/contents/links.html
index acbb4bd..d8e9806 100644
--- a/abs/core/supplemental-web/contents/links.html
+++ b/abs/core/supplemental-web/contents/links.html
@@ -1,6 +1,3 @@
-
-
-
 <html>
 <head>
 <style type="text/css">@import "frame.css";</style>
@@ -10,14 +7,8 @@
 Other Links
 </br>
 
-
-
-
-
 <div id="navcontainer">
 <ul id="navlist">
-        <li><a href="/logs/"  >System log files</a> </li>
-        <li><a href="/calllog.shtml"  >Phone call log</a> </li>
 	<!--        <li><a href="/mvpmc.shtml"  >Media MVP setup</a> (dhcp server must be enabled) </li> -->
         <li><a href="http://www.linhes.org"  >linhes.org </a>Bugtracker</li>
         <li><a href="http://linhes.org/wiki"  >Wiki </a></li>
diff --git a/abs/core/supplemental-web/contents/skeleton.css b/abs/core/supplemental-web/contents/skeleton.css
new file mode 100644
index 0000000..b13aa20
--- /dev/null
+++ b/abs/core/supplemental-web/contents/skeleton.css
@@ -0,0 +1,103 @@
+/* ================================================================
+This copyright notice must be untouched at all times.
+
+The original version of this stylesheet and the associated (x)html
+is available at http://www.stunicholls.com/menu/skeleton_up.html
+Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
+This stylesheet and the associated (x)html may be modified in any
+way to fit your requirements.
+=================================================================== */
+#header_img {margin:5px auto;display:block;}
+
+#nav,
+#nav ul {padding:0 0 5px 0; margin:0; list-style:none;
+         /*font: 14px verdana, sans-serif;*/
+         /*font: 14px verdana, sans-serif;*/
+         border:1px solid #000;
+         border-color:#ace #79b #68a #bde;
+         border-width:1px 2px 2px 1px; background:#fff;
+         position:relative; z-index:200;}
+
+#nav {height:30px; padding:0;background-color:#0072bc;}
+
+#nav li {float:left;}
+#nav li li {float:none; background:#fff;}
+/* a hack for IE5.x and IE6 */
+* html #nav li li {float:left;}
+
+
+
+
+#nav li a {display:block; float:left;
+           color:#FFFFFF; margin:0 25px 0 10px;
+           height:25px; line-height:25px;
+           text-decoration:none; white-space:nowrap;
+}
+
+/*item in white box*/
+#nav li li a {height:20px; line-height:20px; float:none;
+              background-color:#0072bc;
+              margin:0 0 0 0;
+              border:1px solid #000;
+              /*border-color:#ace #79b #68a #bde;*/
+              border-color:#0072bc;
+              border-width:3px 3px 3px 3px; background:#0072bc;
+    }
+
+#nav li:hover {position:relative; z-index:300; }
+
+/*white box*/
+#nav li:hover ul {left:0; bottom:21px; top:auto; background-color:#0072bc; color:}
+
+/* another hack for IE5.5 and IE6 */
+* html #nav li:hover ul {left:10px;}
+
+
+#nav ul {position:absolute;
+        left:-9999px;
+        top:-9999px;
+}
+/* yet another hack for IE5.x and IE6 */
+* html #nav ul {width:1px;}
+
+/* it could have been this simple if all browsers understood */
+/* show next level */
+#nav li:hover li:hover > ul {left:-15px; margin-left:100%; bottom:-7px; top:auto;}
+/* keep further levels hidden */
+#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
+/* show path followed */
+
+#nav li:hover > a {text-decoration:underline; }
+
+
+/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
+/* show next level */
+#nav li:hover li:hover ul,
+#nav li:hover li:hover li:hover ul,
+#nav li:hover li:hover li:hover li:hover ul,
+#nav li:hover li:hover li:hover li:hover li:hover ul
+{left:-15px; margin-left:100%; bottom:-7px; top:auto;}
+
+/* keep further levels hidden */
+#nav li:hover ul ul,
+#nav li:hover li:hover ul ul,
+#nav li:hover li:hover li:hover ul ul,
+#nav li:hover li:hover li:hover li:hover ul ul
+{position:absolute; left:-9999px; top:-9999px;}
+
+/* show path followed */
+#nav li:hover a,
+#nav li:hover li:hover a,
+#nav li:hover li:hover li:hover a,
+#nav li:hover li:hover li:hover li:hover a,
+#nav li:hover li:hover li:hover li:hover li:hover a,
+#nav li:hover li:hover li:hover li:hover li:hover li:hover a
+{text-decoration:underline; color:#ebb81c;}
+
+/* hide futher possible paths */
+#nav li:hover li a,
+#nav li:hover li:hover li a,
+#nav li:hover li:hover li:hover li a,
+#nav li:hover li:hover li:hover li:hover li a,
+#nav li:hover li:hover li:hover li:hover li:hover li a
+{text-decoration:none; color:#FFFFFF;}