<div>
		<img style="position:absolute; left:10px; top:70px" src="http://www.smayly.ru/gallery/glossy/GoldSmile/14.gif" alt="Vitotronic 200">
		<div class="mys" style="left: 30px; top:100px" id="dateTime">current date and time</div>
		<div class="mys" style="left:130px; top:330px" id="Temp-Aussen">outer temperature</div>
		<div class="mys" style="left:330px; top:400px" id="Temp-WW">warm water</div>
		<div class="mys" style="left:330px; top:480px" id="Temp-Hzg-VL">vorlauf</div>
		<div class="mys" style="left:590px; top:480px" id="Temp-Hzg-RL">rücklauf</div>
		<img class="mys" style="left:650px; top:250px" id="Status-Pumpe-Hzg" src="http://vamotkrytka.ru/_ph/1/2/637581011.gif">
		<img class="mys" style="left:650px; top:400px" id="Status-Pumpe-WW" src="http://vamotkrytka.ru/_ph/1/2/365908680.gif">
		<img class="mys" style="left:650px; top:330px" id="Status-Verdichter" src="http://vamotkrytka.ru/_ph/1/2/18628019.gif">
	</div>
	 <script type="text/javascript">
		function ParseData() {
			// convert the read data into an array
			var elem = document.getElementById("crtDateTime");
			if ( elem )
				document.getElementById("dateTime").innerHTML = elem.innerHTML;
			if ( !document.getElementById("params") || !document.getElementById("values") )
				alert ("No parameters or values found!");
			var repl = document.getElementById("params").innerHTML;
			var arr1 = repl.split(",");
			if ( arr1[0]!="Time" ) { // header row with parameters
				alert ("Invalid parameters!");
				return;
			}
			var arr2 = document.getElementById("values").innerHTML.split(",");
			for (var indx in arr1) {
				if (indx==0) continue;
				if ( arr1[indx].slice(0,6)=="Status" ) {
					if ( arr2[indx]==0 )
						document.getElementById(arr1[indx]).style.visibility = "hidden";
				} else if ( arr1[indx].slice(0,5)!="Strom" )
					document.getElementById(arr1[indx]).innerHTML = arr2[indx];
			}
		}
	</script>

<style>
.mys {
  position:absolute;
  color: 000000;
 font-size: 24px;
 font-family: Parchment;
}
  .myp {visibility:hidden}
</style>