--- a/www-thermferm/index.php	Fri Jul 18 22:24:03 2014 +0200
+++ b/www-thermferm/index.php	Sun Jul 20 23:09:50 2014 +0200
@@ -21,6 +21,10 @@
  * Software Foundation, 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA.
  *****************************************************************************/
 
+/*
+ * Look for the style names in the jqwidgets/styles directory.
+ */
+$my_style = 'fresh';
 
 require_once('liveview.php');
 
@@ -31,21 +35,30 @@
 $outstr .= '  <meta http-equiv="content-type" content="text/html; charset=utf-8" />'.PHP_EOL;
 $outstr .= '  <title>ThermFerm monitor</title>'.PHP_EOL;
 $outstr .= '  <link type="text/css" href="css/style.css" rel="stylesheet" media="all" />'.PHP_EOL;
-$outstr .= '  <script src="js/jquery-2.1.1.min.js"></script>'.PHP_EOL;
+$outstr .= '  <link type="text/css" href="jqwidgets/styles/jqx.base.css" rel="stylesheet" />'.PHP_EOL;
+$outstr .= '  <link type="text/css" href="jqwidgets/styles/jqx.'.$my_style.'.css" rel="stylesheet" />'.PHP_EOL;
+$outstr .= '  <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>'.PHP_EOL;
+$outstr .= '  <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>'.PHP_EOL;
+$outstr .= '  <script type="text/javascript" src="jqwidgets/jqxtabs.js"></script>'.PHP_EOL;
+$outstr .= '  <script type="text/javascript" src="jqwidgets/jqxcheckbox.js"></script>'.PHP_EOL;
+$outstr .= '  <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>'.PHP_EOL;
+$outstr .= '  <script type="text/javascript" src="jqwidgets/jqxradiobutton.js"></script>'.PHP_EOL;
+$outstr .= '  <script type="text/javascript">'.PHP_EOL;
+$outstr .= '   $(document).ready(function () {'.PHP_EOL;
+$outstr .= '     // Create jqxTabs.'.PHP_EOL;
+$outstr .= '     $(\'#jqxTabs\').jqxTabs({ width: \'978\', height: 448, position: \'top\', theme: \''.$my_style.'\'});'.PHP_EOL;
+$outstr .= '     $("#maintenance").jqxButton({ width: \'150\', height: \'25\', theme: \''.$my_style.'\'});'.PHP_EOL;
+$outstr .= '   });'.PHP_EOL;
+$outstr .= '  </script>'.PHP_EOL;
 $outstr .= ' </head>'.PHP_EOL;
-$outstr .= ' <body class="page">'.PHP_EOL;
-$outstr .= '  <div id="container" class="container_16">'.PHP_EOL;
+$outstr .= ' <body class="default">'.PHP_EOL;
+$outstr .= '  <div id="jqxWidget">'.PHP_EOL;
 $outstr .= '   <div id="header">'.PHP_EOL;
-$outstr .= '    <div id="logo">'.PHP_EOL;
-$outstr .= '     <img src="images/thermferm_logo.png" width="94" height="80">'.PHP_EOL;
-$outstr .= '    </div>'.PHP_EOL;
 $outstr .= '    <button class="script-status ui-state-error">Status</button>'.PHP_EOL;
-$outstr .= '    <button id="maintenance" class="ui-state-default">Maintenance panel</button>'.PHP_EOL;
+$outstr .= '    <button id="maintenance">Maintenance panel</button>'.PHP_EOL;
 $outstr .= '   </div> <!-- header -->'.PHP_EOL;
-$outstr .= '   <div id="content">'.PHP_EOL;
 $outstr .= liveview();
-$outstr .= '   </div> <!-- content -->'.PHP_EOL;
-$outstr .= '  </div> <!-- container -->'.PHP_EOL;
+$outstr .= '  </div> <!-- jqxWidget -->'.PHP_EOL;
 $outstr .= '  <!-- Load scripts after the body, so they don\'t block rendering of the page -->'.PHP_EOL;
 $outstr .= ' </body>'.PHP_EOL;
 $outstr .= '</html>'.PHP_EOL;