~inc:header.inc~
<div id="content">


<div id="disp">

        <p style="text-align: center; font-size: 24pt; color: #0033cc""><b>STANJE KUCE</b></p>
        
    <form method="get" action="index.htm">
        <div class="exercise">
            <input type="submit" name="Alarm2" value="Promjeni"  style="float:right;text-indent:0px" >
            <span style="font-size: 16pt">
            <b>Alarm:&nbsp;</b></span><span id="alarm" style="font-size: 16pt">~alarm~</span> 
        </div>
    </form>

    <form method="get" action="index.htm">
        <div class="exercise">
            <input type="submit" value="Spremi" style="float:right;text-indent:0px">
            <span style="font-size: 16pt"><b>LCD:</b><input type="text" name="input_lcd" maxlength="32"></span>
            <span id="tex_lcd" style="font-size: 10pt">&#124 ~lcdtext~&#124</span>
        </div>
    </form>

        <div class="exercise">
            <span style="font-size: 16pt"><b>IR kod:</b></span><span id="ircode" style="font-size: 10pt">~ircode~</span>
        </div>

</div>		

<div id="status">
	<div id="loading" style="display:none">Pogreska:<br />Veza s serverom je prekinuta. </div>
	<div id="display">
		<span style="float:right;font-size:10px;padding-top:0px;text-indent:0px">(link)<a id="led0" style="font-size:17px;"><b>&bull;</b></a></span>
		<p>Svjetla:<br /><span class="leds">
		<a id="led7" onclick="newAJAXCommand('leds.cgi?led=7');">&bull;</a>
		<a id="led6" onclick="newAJAXCommand('leds.cgi?led=6');">&bull;</a>
		<a id="led5" onclick="newAJAXCommand('leds.cgi?led=5');">&bull;</a>
		<a id="led4" onclick="newAJAXCommand('leds.cgi?led=4');">&bull;</a>
		<a id="led3" onclick="newAJAXCommand('leds.cgi?led=3');">&bull;</a>
		<a id="led2" onclick="newAJAXCommand('leds.cgi?led=2');">&bull;</a>
		<a id="led1" onclick="newAJAXCommand('leds.cgi?led=1');">&bull;</a>
		</span></p>
		<p>Tipkala:<br />
		<span id="btn3">?</span> &nbsp; 
		<span id="btn2">?</span> &nbsp; 
		<span id="btn1">?</span> &nbsp; 
		<span id="btn0">?</span></p>
		<p>Temperatura: <span id="pot0" style="font-weight:normal">?</span></p>
		
	</div>
</div>	





</div>

<script type="text/javascript">
<!--
// Parses the xmlResponse from status.xml and updates the status box

function updateStatus(xmlData) {
	// Check if a timeout occurred
	if(!xmlData)
	{
		document.getElementById('display').style.display = 'none';
		document.getElementById('loading').style.display = 'inline';
		return;
	}

	// Make sure we're displaying the status display
	document.getElementById('loading').style.display = 'none';
	document.getElementById('display').style.display = 'inline';
	
	// Loop over all the LEDs
	for(i = 0; i < 8; i++) {
		if(getXMLValue(xmlData, 'led'+i) == '1')
		{
            document.getElementById('led' + i).style.color = '#ff0';
		}
		else
		{
			document.getElementById('led' + i).style.color = '#000';
		}
	}
	// Loop over all the buttons
	for(i = 0; i < 4; i++) {
		if(getXMLValue(xmlData, 'btn'+i) == 'up')
		{
		    if (i==3)document.getElementById('led7').style.color = '#ff0';
			document.getElementById('btn' + i).innerHTML = '&Lambda;';
		}
		else
		{
		    if (i==3)document.getElementById('led7').style.color = '#000';
			document.getElementById('btn' + i).innerHTML = 'V';
		}
	}	
	// Update the POT value
	document.getElementById('pot0').innerHTML = "24"+'&deg';
	// Update alarm
	if(getXMLValue(xmlData, 'alarm') == 'ALARM') 
	{
	    if (play==0)playSound();
	    play=1;
	    document.getElementById('alarm').style.backgroundColor = '#d00';
	}
	else 
	{
	    if (play==1) stopSound();
	    play=0;
	    document.getElementById('alarm').style.backgroundColor = '#fe9';
	}
	document.getElementById('alarm').innerHTML = getXMLValue(xmlData, 'alarm');	
}
setTimeout("newAJAXCommand('status.xml', updateStatus, true)",500);
//-->
</script>

<bgsound id="BGSOUND_ID"  loop="-1" src="a.mid" volume=0>
<EMBED name="sound" src="alarm.mid" 
loop=true AUTOSTART=false HIDDEN=true MASTERSOUND>

<script type="text/javascript">
<!--
ver=parseInt(navigator.appVersion)
var play=0;
ie4=(ver>3  && navigator.appName!="Netscape")?1:0
ns4=(ver>3  && navigator.appName=="Netscape")?1:0
ns3=(ver==3 && navigator.appName=="Netscape")?1:0
//stopSound();

function playSound() {
 if (ie4) document.all['BGSOUND_ID'].src="alarm.mid";
  if ((ns4||ns3)
  && navigator.javaEnabled()
  && navigator.mimeTypes['audio/x-midi']
  && self.document.Bach.IsReady() )
  {
    self.document.sound.play()
  }
}

function stopSound() {
 if (ie4) document.all['BGSOUND_ID'].src="a.mid";
 if ((ns4||ns3)
  && navigator.javaEnabled()
  && navigator.mimeTypes['audio/x-midi']
 )
 {
  self.document.sound.stop()
 }
}
//-->
</script>

<script type="text/javascript">
<!--
document.getElementById('hello').innerHTML = "~hellomsg~";
//-->
</script>

~inc:footer.inc~