updated removed
[home-automation.git] / index.php
index f47bbef..e5a765a 100644 (file)
--- a/index.php
+++ b/index.php
@@ -1,4 +1,6 @@
-<? include("includes.php"); 
+<?php
+   include("config.php");
+   include("includes.php"); 
    include("xml2array.php");
 ?>
 <html>
@@ -228,18 +230,11 @@ function stopchanges(t) {
 
 function changeIcon(icon) {
   var icons=new Array();
-  icons[0]="home";
-  icons[1]="weather";
-  icons[2]="lighting";
-  icons[3]="music";
-  icons[4]="cameras";
-  icons[5]="security";
-  icons[6]="climate";
-  icons[7]="news";
-  icons[8]="receipes";
-  icons[9]="groceries";
-  icons[10]="traffic";
-  icons[11]="power";
+  <?php
+  foreach ($menuitems as $key=>$icon) {
+    echo "  icons[$key]='$icon';\n";
+  }
+  ?>
   for ( var i=icons.length-1; i>=0; --i ){
     if (icons[i] == icon) {
       document.getElementById(icon).src = "images/"+icon+"-on.png";
@@ -249,21 +244,8 @@ function changeIcon(icon) {
   }
 }
 
-var securitypages=new Array();
-  securitypages[0]="security1.html";
-  securitypages[1]="security2.html";
-  securitypages[2]="security3.html";
-  securitypages[3]="security4.html";
-  securitypages[4]="security5.html";
-  securitypages[5]="security6.html";
-
-function securitypageChange() {
-  ajaxpage(securitypages[i],'contentarea');
-  i++;
-  if (i==securitypages.length) {
-    i=0;
-  }
-  t=setTimeout("securitypageChange()",10000);
+function changepage() {
+    ajaxpage("cameras.php",'contentarea');
 }
 
 function mediacenterSelect(ip) {
@@ -327,8 +309,8 @@ function testDrawText3(canvas)
   context.shadowOffsetX=5;
   context.shadowOffsetY=5;
   context.shadowBlur=10;
-  context.fillText("HANDORF HOUSE", 10, 35);
-  context.strokeText("HANDORF HOUSE", 10, 35);
+  context.fillText("<?php echo $housename; ?>", 10, 35);
+  context.strokeText("<?php echo $housename; ?>", 10, 35);
 }
 testDrawText3(document.getElementById('canvas3'));
 </script>
@@ -362,7 +344,15 @@ title_status();
 <tr><td>
 <div id="contentarea" align="center">
 
-Middle
+<?php
+#  if(isset($_GET['page']) {
+#    switch($_GET['page']) {
+#      case "":
+# 
+#      break;
+#    }
+#  }
+?>
 
 </div>
 </td></tr>
@@ -377,82 +367,69 @@ Middle
 <td ALIGN=center>
 <table border=0 align=center cellpadding=0 cellspacing=0>
 <tr style="background-image: url('images/bottom-controls-repeatablebar.jpg'); background-repeat: repeat-x;">
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);weatherpageChange();imageHeaderChange('images/header-weather.png');changeIcon('weather');"><img src="./images/weather-off.png" onMouseover="" border=0 id="weather"></a>
-</td>
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);lightingStatus();imageHeaderChange('images/header-lighting.png');changeIcon('lighting');"><img src="./images/lighting-off.png" onMouseover="" border=0 id="lighting"></a>
-</td>
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);ajaxpage('jukebox.php', 'contentarea');imageHeaderChange('images/header-thejukebox.png');changeIcon('music');"><img src="./images/music-off.png" onMouseover="" border=0 id="music"></a>
-</td>
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);securitypageChange();imageHeaderChange('images/header-camera.png');changeIcon('cameras');"><img src="./images/cameras-off.png" onMouseover="" border=0 id="cameras"></a>
-</td>
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);securityStatus();imageHeaderChange('images/header-security.png');changeIcon('security');"><img src="./images/security-off.png" onMouseover="" border=0 id="security"></a>
-</td>
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);ajaxpage('check_climate_status.php', 'contentarea');imageHeaderChange('images/header-climate.png');changeIcon('climate');"><img src="./images/climate-off.png" onMouseover="" border=0 id="climate"></a>
-</td>
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);ajaxpage('news.php', 'contentarea');imageHeaderChange('images/header-news.png');changeIcon('news');"><img src="./images/news-off.png" onMouseover="" border=0 id="news"></a>
-</td>
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);weatherpageChange();imageHeaderChange('images/header-recipes.png');changeIcon('receipes');"><img src="./images/receipes-off.png" onMouseover="" border=0 id="receipes"></a>
-</td>
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);ajaxpage('groceries.html', 'contentarea');imageHeaderChange('images/header-groceries.png');changeIcon('groceries');"><img src="./images/groceries-off.png" onMouseover="" border=0 id="groceries"></a>
-</td>
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);;ajaxpage('traffic.html', 'contentarea');imageHeaderChange('images/header-traffic.png');changeIcon('traffic');"><img src="./images/traffic-off.png" onMouseover="" border=0 id="traffic"></a>
-</td>
-<td ALIGN=center>
-<a href="javascript:stopchanges(t);ajaxpage('check_power_status.php', 'contentarea');imageHeaderChange('images/header-power.png');changeIcon('power');"><img src="./images/power-off.png" onMouseover="" border=0 id="power"></a>
-</td>
-</tr>
-<!--
-<tr>
-<td ALIGN=center>
-Weather&nbsp;
-</td>
-<td ALIGN=center>
-Lighting&nbsp;
-</td>
-<td ALIGN=center>
-Music&nbsp;
-</td>
-<td ALIGN=center>
-Cameras&nbsp;
-</td>
-<td ALIGN=center>
-Security&nbsp;
-</td>
-<td ALIGN=center>
-Climate&nbsp;
-</td>
-<td ALIGN=center>
-News&nbsp;
-</td>
-<td ALIGN=center>
-Receipes&nbsp;
-</td>
-<td ALIGN=center>
-Groceries&nbsp;
-</td>
-<td ALIGN=center>
-Traffic&nbsp;
-</td>
-<td ALIGN=center>
-Power&nbsp;
-</td>
+<?php
+  foreach($menuitems as $menu) {
+    echo "<td ALIGN=center>";
+    switch ($menu) {
+      case "weather":
+        ?>
+        <a href="javascript:stopchanges(t);weatherpageChange();imageHeaderChange('images/header-weather.png');changeIcon('weather');"><img src="./images/weather-off.png" onMouseover="" border=0 id="weather"></a>
+        <?php
+        break;
+      case "lighting":
+        ?>
+        <a href="javascript:stopchanges(t);lightingStatus();imageHeaderChange('images/header-lighting.png');changeIcon('lighting');"><img src="./images/lighting-off.png" onMouseover="" border=0 id="lighting"></a>
+        <?php
+        break;
+      case "cameras":
+        ?>
+        <a href="javascript:stopchanges(t);changepage('cameras');imageHeaderChange('images/header-camera.png');changeIcon('cameras');"><img src="./images/cameras-off.png" onMouseover="" border=0 id="cameras"></a>
+        <?php
+        break;
+      case "security":
+       ?>
+       <a href="javascript:stopchanges(t);securityStatus();imageHeaderChange('images/header-security.png');changeIcon('security');"><img src="./images/security-off.png" onMouseover="" border=0 id="security"></a>
+        <?php
+        break;
+      case "climate":
+        ?>
+        <a href="javascript:stopchanges(t);ajaxpage('check_climate_status.php', 'contentarea');imageHeaderChange('images/header-climate.png');changeIcon('climate');"><img src="./images/climate-off.png" onMouseover="" border=0 id="climate"></a>
+        <?php
+        break;
+      case "power":
+        ?>
+        <a href="javascript:stopchanges(t);ajaxpage('check_power_status.php', 'contentarea');imageHeaderChange('images/header-power.png');changeIcon('power');"><img src="./images/power-off.png" onMouseover="" border=0 id="power"></a>
+        <?php
+        break;
+      case "recepies":
+        ?>
+        <a href="javascript:stopchanges(t);weatherpageChange();imageHeaderChange('images/header-recipes.png');changeIcon('receipes');"><img src="./images/receipes-off.png" onMouseover="" border=0 id="receipes"></a>
+        <?php
+        break;
+      case "traffic":
+        ?>
+        <a href="javascript:stopchanges(t);;ajaxpage('traffic.html', 'contentarea');imageHeaderChange('images/header-traffic.png');changeIcon('traffic');"><img src="./images/traffic-off.png" onMouseover="" border=0 id="traffic"></a>
+        <?php
+        break;
+      case "news":
+        ?>
+        <a href="javascript:stopchanges(t);ajaxpage('news.php', 'contentarea');imageHeaderChange('images/header-news.png');changeIcon('news');"><img src="./images/news-off.png" onMouseover="" border=0 id="news"></a>
+        <?php
+        break;
+      case "music":
+        ?>
+        <a href="javascript:stopchanges(t);ajaxpage('jukebox.php', 'contentarea');imageHeaderChange('images/header-thejukebox.png');changeIcon('music');"><img src="./images/music-off.png" onMouseover="" border=0 id="music"></a>
+        <?php
+        break;
+    }
+    echo "</td>";
+  }
+?>
 
+</td>
 </tr>
--->
-
 </td></tr></table>
 </table>
-
 </div>
 
 </td></tr>