diff -r 065a242ed7ec -r 7119ea8a5225 www-thermferm/liveview.php
--- a/www-thermferm/liveview.php	Fri Jul 18 22:24:03 2014 +0200
+++ b/www-thermferm/liveview.php	Sun Jul 20 23:09:50 2014 +0200
@@ -28,6 +28,8 @@
 
 function showunit($unit, $unr)
 {
+    global $my_style;
+
     $outstr = '';
     $air_state = $beer_state = 1;
 
@@ -64,6 +66,12 @@
 
     if (startsWith($arr[0], "213")) {
 
+	$outstr .= '    <script type="text/javascript">'.PHP_EOL;
+	$outstr .= '     $(document).ready(function () {'.PHP_EOL;
+	$outstr .= '       $("#fermentor_setup_'.$unr.'").jqxButton({ width: \'150\', height: \'25\', theme: \''.$my_style.'\'});'.PHP_EOL;
+	$outstr .= '       $("#fermentor_history_'.$unr.'").jqxButton({ width: \'150\', height: \'25\', theme: \''.$my_style.'\'});'.PHP_EOL;
+	$outstr .= '     });'.PHP_EOL;
+	$outstr .= '    </script>'.PHP_EOL;
 	$outstr .= '    <div id="fermentor">'.PHP_EOL;
 
 	$set_temperature = "N/A";
@@ -138,20 +146,36 @@
 	$outstr .= '       FanLED'.PHP_EOL;
 	$outstr .= '      </div>'.PHP_EOL;
 	$outstr .= '      <div id="fermentor_toggle1">'.PHP_EOL;
-	$outstr .= '       CoolSW'.PHP_EOL;
+	$outstr .= '       <form>'.PHP_EOL;
+	strcmp($mode, "NONE") ? $se = " disabled" : $se = "";
+	$ch = " checked";
+	$outstr .= '        <input type="radio" name="cooler'.$unr.'" value="OFF"'.$se.$ch.'>Off<br>'.PHP_EOL;
+	$outstr .= '        <input type="radio" name="cooler'.$unr.'" value="ON"'.$se.'>On<br>'.PHP_EOL;
+	$outstr .= '        Cooler'.PHP_EOL;
+	$outstr .= '       </form>'.PHP_EOL;
 	$outstr .= '      </div>'.PHP_EOL;
 	$outstr .= '      <div id="fermentor_toggle2">'.PHP_EOL;
-	$outstr .= '       HeatSW'.PHP_EOL;
+	$outstr .= '       <form>'.PHP_EOL;
+	strcmp($mode, "NONE") ? $se = " disabled" : $se = "";
+	$outstr .= '        <input type="radio" name="heater'.$unr.'" value="OFF"'.$se.$ch.'>Off<br>'.PHP_EOL;
+	$outstr .= '        <input type="radio" name="heater'.$unr.'" value="ON"'.$se.'>On<br>'.PHP_EOL;
+	$outstr .= '        Heater'.PHP_EOL;
+	$outstr .= '       </form>'.PHP_EOL;
 	$outstr .= '      </div>'.PHP_EOL;
 	$outstr .= '      <div id="fermentor_toggle3">'.PHP_EOL;
-	$outstr .= '       FanSW'.PHP_EOL;
+	$outstr .= '       <form>'.PHP_EOL;
+	strcmp($mode, "NONE") ? $se = " disabled" : $se = "";
+	$outstr .= '        <input type="radio" name="fan'.$unr.'" value="OFF"'.$se.$ch.'>Off<br>'.PHP_EOL;
+	$outstr .= '        <input type="radio" name="fan'.$unr.'" value="ON"'.$se.'>On<br>'.PHP_EOL;
+	$outstr .= '        Fan'.PHP_EOL;
+	$outstr .= '       </form>'.PHP_EOL;
 	$outstr .= '      </div>'.PHP_EOL;
 	$outstr .= '     </div>'.PHP_EOL;
 	$outstr .= '     <div id="fermentor_control">'.PHP_EOL;
 	$outstr .= '     </div>'.PHP_EOL;
 	$outstr .= '     <div id="fermentor_edit">'.PHP_EOL;
-	$outstr .= '      <button id="fermentor_setup" class="ui-state-default">Edit fermentor</button>'.PHP_EOL;
-	$outstr .= '      <button id="fermentor_history" class="ui-state-default">History</button>'.PHP_EOL;
+	$outstr .= '      <button id="fermentor_setup_'.$unr.'">Edit fermentor</button>'.PHP_EOL;
+	$outstr .= '      <button id="fermentor_history_'.$unr.'">History</button>'.PHP_EOL;
 	$outstr .= '     </div>'.PHP_EOL;
     	$outstr .= '    </div> <!-- fermentor -->'.PHP_EOL;
     }
@@ -182,16 +206,31 @@
 	socket_close($sock);
 	$arr = explode("\r\n", $answer);
 
+	$outstr .= '   <div id="jqxTabs">'.PHP_EOL;
+	$outstr .= '    <ul>'.PHP_EOL;
 	if (startsWith($arr[0], "212")) {
 	    $i = 1;
 	    while (1) {
 		if (strcmp($arr[$i], ".") == 0)
 			break;
 		$parts = explode(",", $arr[$i]);
+		$outstr .= '     <li style="margin-left: 30px;">'.$parts[2].'</li>'.PHP_EOL;
+		$i++;
+	    }
+	}
+	$outstr .= '    </ul>'.PHP_EOL;
+
+	if (startsWith($arr[0], "212")) {
+	    $i = 1;
+	    while (1) {
+		if (strcmp($arr[$i], ".") == 0)
+		    break;
+		$parts = explode(",", $arr[$i]);
 		$outstr .= showunit($parts[1], $i);
 		$i++;
 	    }
 	}
+	$outstr .= '   </div> <!-- jqxTabs -->'.PHP_EOL;
     }
 
     return $outstr;