-<? include("includes.php");
+<?php
+ include("config.php");
+ include("includes.php");
include("xml2array.php");
?>
<html>
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";
}
}
-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) {
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>
<tr><td>
<div id="contentarea" align="center">
-Middle
+<?php
+# if(isset($_GET['page']) {
+# switch($_GET['page']) {
+# case "":
+#
+# break;
+# }
+# }
+?>
</div>
</td></tr>
<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
-</td>
-<td ALIGN=center>
-Lighting
-</td>
-<td ALIGN=center>
-Music
-</td>
-<td ALIGN=center>
-Cameras
-</td>
-<td ALIGN=center>
-Security
-</td>
-<td ALIGN=center>
-Climate
-</td>
-<td ALIGN=center>
-News
-</td>
-<td ALIGN=center>
-Receipes
-</td>
-<td ALIGN=center>
-Groceries
-</td>
-<td ALIGN=center>
-Traffic
-</td>
-<td ALIGN=center>
-Power
-</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>