updated metrixhd thx@saman

8 files changed, 264 insertions, 130 deletions

diff --git a/skins/metrixhd/setup.xml b/skins/metrixhd/setup.xml
index 8f1925d..7518399 100644
--- a/skins/metrixhd/setup.xml
+++ b/skins/metrixhd/setup.xml
@@ -12,6 +12,8 @@
         <parameter type="string" name="showweather" displaytext="{tr(showweather)}" helptext="{tr(helpshowweather)}" options="no,menu,yes">1</parameter>
         <parameter type="string" name="recmenuorientation" displaytext="{tr(recmenuorientation)}" options="horizontal,vertical">1</parameter>
         <parameter type="string" name="weathermenuorientation" displaytext="{tr(weathermenuorientation)}" options="horizontal,vertical">1</parameter>
+        <parameter type="int" name="chlistitemsmax" min="8" max="16" displaytext="{tr(chlistitemsmaxtext)}">10</parameter>
+        <parameter type="int" name="listitemsmax" min="8" max="16" displaytext="{tr(listitemsmaxtext)}">14</parameter>
         <!-- mainmenu -->
         <parameter type="separator" name="sepmainmenu" displaytext="---------------- {tr(sepmainmenu)} ----------------"/>
         <parameter type="string" name="mainmenuorientation" displaytext="{tr(mainmenuorientation)}" helptext="{tr(helpmainmenuorientation)}" options="horizontal,vertical">1</parameter>
@@ -19,6 +21,7 @@
         <parameter type="int" name="menuitemsmax" min="1" max="16" displaytext="{tr(menuitemsmaxtext)}">9</parameter>
         <parameter type="string" name="showscrollbar" displaytext="{tr(showscrollbar)}" helptext="{tr(helpshowscrollbar)}" options="no,auto,yes">1</parameter>
         <parameter type="string" name="showinformation" displaytext="{tr(showinformation)}" helptext="{tr(helpshowinformation)}" options="no,oldstyle,yes">2</parameter>
+        <parameter type="int" name="infolistitemsmax" min="1" max="5" displaytext="{tr(infolistitemsmaxtext)}">3</parameter>
         <parameter type="int" name="shifttimetimers" min="0" max="1000" displaytext="{tr(shifttimetimerstext)}" helptext="{tr(helpshifttimetimers)}">0</parameter>
         <!-- zapcockpit -->
         <parameter type="separator" name="sepzapcockpit" displaytext="---------------- {tr(sepzapcockpit)} ----------------"/>
@@ -58,7 +61,18 @@
             <trans lang="en_EN">Off, main menu only or main menu and channelinfo</trans>
             <trans lang="de_DE">Aus, nur Hauptmenü oder Haputmenü und Kanalinformationen</trans>
         </token>
-
+        <token name="tr(infolistitemsmaxtext)">
+            <trans lang="en_EN">Number of Information lists items (max)</trans>
+            <trans lang="de_DE">Elemente in den Info-Listen (max)</trans>
+        </token>
+        <token name="tr(chlistitemsmaxtext)">
+            <trans lang="en_EN">Number of Channel list items (max)</trans>
+            <trans lang="de_DE">Elemente in der Kanalliste (max)</trans>
+        </token>
+        <token name="tr(listitemsmaxtext)">
+            <trans lang="en_EN">Number of list items (max)</trans>
+            <trans lang="de_DE">Elemente in andern Listen (max)</trans>
+        </token>
         <token name="tr(menuitemsmaxtext)">
             <trans lang="en_EN">Number of Main Menu items (max)</trans>
             <trans lang="de_DE">Elemente im Hauptmenü (max)</trans>
diff --git a/skins/metrixhd/xmlfiles/displaychannel.xml b/skins/metrixhd/xmlfiles/displaychannel.xml
index e88b9ff..3191fc0 100644
--- a/skins/metrixhd/xmlfiles/displaychannel.xml
+++ b/skins/metrixhd/xmlfiles/displaychannel.xml
@@ -238,7 +238,7 @@
         </area>
     </channellistback>
     
-    <channellist x="0" y="0" orientation="vertical" width="30%" height="100%" align="center" numlistelements="14" fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" shifttype="left">
+    <channellist x="0" y="0" orientation="vertical" width="30%" height="100%" align="center" numlistelements="{listitemsmax}" fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" shifttype="left">
         <listelement>
             <area x="0" width="100%" layer="4">
                 <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
@@ -286,7 +286,7 @@
         </area>
     </grouplistback>
 
-    <grouplist x="70%" y="0" orientation="vertical" width="30%" height="100%" align="center" numlistelements="12" fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" shifttype="right">
+    <grouplist x="70%" y="0" orientation="vertical" width="30%" height="100%" align="center" numlistelements="{listitemsmax}-2" fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" shifttype="right">
         <listelement>
             <area x="0" width="100%" layer="5">
                 <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
@@ -316,7 +316,7 @@
         </area>
     </groupchannellistback>
 
-    <groupchannellist x="40%" y="3%" orientation="vertical" width="30%" height="94%" align="center" numlistelements="14" fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" startx="70%" starty="3%">
+    <groupchannellist x="40%" y="3%" orientation="vertical" width="30%" height="94%" align="center" numlistelements="{listitemsmax}" fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" startx="70%" starty="3%">
         <listelement>
             <area x="0" width="100%" layer="2">
                 <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
diff --git a/skins/metrixhd/xmlfiles/displaymenuchannels.xml b/skins/metrixhd/xmlfiles/displaymenuchannels.xml
index 75f9bbe..ec4225c 100644
--- a/skins/metrixhd/xmlfiles/displaymenuchannels.xml
+++ b/skins/metrixhd/xmlfiles/displaymenuchannels.xml
@@ -1,5 +1,5 @@
 <menuchannels x="0" y="0" width="100%" height="100%" fadetime="0">
-    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="11">
+    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="{chlistitemsmax}">
         <listelement>
             <areacontainer condition="not{current}">
                 <!-- Background -->
diff --git a/skins/metrixhd/xmlfiles/displaymenudefault.xml b/skins/metrixhd/xmlfiles/displaymenudefault.xml
index 259662b..c41ca85 100644
--- a/skins/metrixhd/xmlfiles/displaymenudefault.xml
+++ b/skins/metrixhd/xmlfiles/displaymenudefault.xml
@@ -81,7 +81,7 @@
         </area>
     </scrollbar>
     
-    <menuitems x="0" y="10%" orientation="vertical" width="94%" height="82%" align="center" menuitemwidth="94%" determinatefont="column1" numlistelements="16">
+    <menuitems x="0" y="10%" orientation="vertical" width="94%" height="82%" align="center" menuitemwidth="94%" determinatefont="column1" numlistelements="{listitemsmax}">
         <listelement>
             <area x="0" condition="not{separator}" width="100%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
diff --git a/skins/metrixhd/xmlfiles/displaymenumain.xml b/skins/metrixhd/xmlfiles/displaymenumain.xml
index 91a6a0b..9ce182d 100644
--- a/skins/metrixhd/xmlfiles/displaymenumain.xml
+++ b/skins/metrixhd/xmlfiles/displaymenumain.xml
@@ -1,40 +1,50 @@
 <menumain x="0" y="0" width="100%" height="100%" fadetime="0" orientation="{mainmenuorientation}">
     <background>
         <!-- main menu background -->
-        <areacontainer condition="not{mainmenusmall}">
+        <areacontainer condition="not{mainmenusmall}++gt({indexmainmenuorientation},0)">
             <area x="0" y="0" width="71%" height="71%" layer="1">
                 <fill color="{menuback}" />
             </area>
-            <area condition="gt({indexmainmenuorientation},0)" x="42%" y="18%" width="26%" height="36%" layer="2">
+            <area x="42%" y="18%" width="26%" height="36%" layer="2">
                 <fill color="{menuactive}" />
             </area>
         </areacontainer>
 
+        <areacontainer condition="not{mainmenusmall}++eq({indexmainmenuorientation},0)">
+            <area x="0" y="0" width="100%" height="71%" layer="1">
+                <fill color="{menuback}" />
+                <drawrectangle x="{areawidth}/2" y="0" width="13%" height="{areaheight}/7+1" color="{menuheader}"  condition="gt({indexshowweather},0)" />
+                <drawrectangle x="{areawidth}/4*3" y="0" width="13%" height="{areaheight}/7+1" color="{menuheader}" />
+                <drawrectangle x="{areawidth}/2-3" y="0" width="6" height="{areaheight}/7+1" color="{clrTransparent}" condition="gt({indexshowweather},0)" />
+                <drawrectangle x="{areawidth}/4*3-3" y="0" width="6" height="{areaheight}/7+1" color="{clrTransparent}" />
+                <drawrectangle x="0" y="{areaheight}/7+1" width="100%" height="6" color="{clrTransparent}" />
+            </area>
+        </areacontainer>    
+
         <areacontainer condition="{mainmenusmall}">
             <area x="0" y="0" width="44%" height="70%" layer="1">
                 <fill color="{menuback}" />
             </area>
-        </areacontainer>
 
-        <areacontainer condition="{mainmenusmall}++gt({indexmainmenuorientation},0)">
-            <area x="30%" y="5%" width="20%" height="33%" layer="2">
+            <area condition="gt({indexmainmenuorientation},0)" x="30%" y="5%" width="20%" height="33%" layer="2">
                 <fill color="{menuactive}" />
             </area>
         </areacontainer>
 
-        <!-- datetime background -->
-        <area x="75%" y="0" width="25%" height="10%" layer="1">
-            <fill color="{menuback}" />
-            <drawrectangle x="0" y="0" width="52%" height="100%" color="{menuheader}" />
-        </area>
+        <areacontainer condition="{mainmenusmall}||gt({indexmainmenuorientation},0)">
+            <!-- datetime background -->
+            <area x="75%" y="0" width="25%" height="10%" layer="1">
+                <fill color="{menuback}" />
+                <drawrectangle x="0" y="0" width="52%" height="100%" color="{menuheader}" />
+            </area>
 
+            <!-- weather background -->
+            <area condition="gt({indexshowweather},0)" x="75%" y="13%" width="25%" height="10%" layer="1">
+                <fill color="{menuback}" />
+                <drawrectangle x="0" y="0" width="52%" height="100%" color="{menuheader}" />
+            </area>
+        </areacontainer>
 
-        <!-- weather background -->
-        <area condition="gt({indexshowweather},0)" x="75%" y="13%" width="25%" height="10%" layer="1">
-            <fill color="{menuback}" />
-            <drawrectangle x="0" y="0" width="52%" height="100%" color="{menuheader}" />
-        </area>
-        
         <!-- information -->
         <areacontainer condition="gt({indexshowinformation},1)">
             <!-- background timers -->
@@ -70,7 +80,7 @@
     </background>
 
     <header>
-        <areacontainer condition="not{mainmenusmall}">
+        <areacontainer condition="not{mainmenusmall}++gt({indexmainmenuorientation},0)">
             <area condition="not{hasicon}" x="0" y="0" width="60%" height="7%" layer="2">
                 <drawtext condition="strequal({title}, 'VDR')"    x="10" width="{areawidth}-20" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="VDR {vdrversion}" />
                 <drawtext condition="strnotequal({title}, 'VDR')" x="10" width="{areawidth}-20" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{title}" />
@@ -81,12 +91,34 @@
                 <drawtext condition="strnotequal({title}, 'VDR')" x="{width(menuicon)}+20" valign="center" width="{areawidth}-{width(menuicon)}-30" font="{light}" fontsize="100%" color="{fontdefault}" text="{title}" />
             </area>
         </areacontainer>
-        <areacontainer condition="{mainmenusmall}">
+        <areacontainer condition="not{mainmenusmall}++eq({indexmainmenuorientation},0)">
+            <area condition="not{hasicon}" x="0" y="0" width="60%" height="10%" layer="2">
+                <drawtext condition="strequal({title}, 'VDR')"    x="10" width="{areawidth}-20" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="VDR {vdrversion}" />
+                <drawtext condition="strnotequal({title}, 'VDR')" x="10" width="{areawidth}-20" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{title}" />
+            </area>
+            <area condition="{hasicon}" x="0" y="0" width="60%" height="10%" layer="2">
+                <drawimage name="menuicon" imagetype="menuicon" path="{icon}" x="10" valign="center" width="{areaheight}*8/10" height="80%"/>
+                <drawtext condition="strequal({title}, 'VDR')"    x="{width(menuicon)}+20" valign="center" width="{areawidth}-{width(menuicon)}-30" font="{light}" fontsize="100%" color="{fontdefault}" text="VDR {vdrversion}" />
+                <drawtext condition="strnotequal({title}, 'VDR')" x="{width(menuicon)}+20" valign="center" width="{areawidth}-{width(menuicon)}-30" font="{light}" fontsize="100%" color="{fontdefault}" text="{title}" />
+            </area>
+        </areacontainer>
+        <areacontainer condition="{mainmenusmall}++gt({indexmainmenuorientation},0)">
             <area x="0" y="0" width="30%" height="7%" layer="2">
                 <drawtext condition="strequal({title}, 'VDR')"    x="10" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{title} {vdrversion}" />
                 <drawtext condition="strnotequal({title}, 'VDR')" x="10" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{title}" />
             </area>
         </areacontainer>
+        <areacontainer condition="{mainmenusmall}++eq({indexmainmenuorientation},0)">
+            <area condition="not{hasicon}" x="0" y="1%" width="42%" height="9%" layer="2">
+                <drawtext condition="strequal({title}, 'VDR')"    x="10" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{title} {vdrversion}" />
+                <drawtext condition="strnotequal({title}, 'VDR')" x="10" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{title}" />
+            </area>
+            <area condition="{hasicon}" x="0" y="1%" width="42%" height="9%" layer="2">
+                <drawimage name="menuicon" imagetype="menuicon" path="{icon}" x="10" valign="center" width="{areaheight}*8/10" height="80%"/>
+                <drawtext condition="strequal({title}, 'VDR')"    x="{width(menuicon)}+20"  valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{title} {vdrversion}" />
+                <drawtext condition="strnotequal({title}, 'VDR')" x="{width(menuicon)}+20"  valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{title}" />
+            </area>
+        </areacontainer>
     </header>
 
     <datetime>
@@ -100,39 +132,108 @@
     </datetime>
     
     <currentweather condition="gt({indexshowweather},0)">
-        <area x="75%" y="13%" width="13%" height="10%" layer="2">
-            <drawimage imagetype="icon" path="{icon}" align="center" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
-        </area>
-        <area x="89%" y="13%" width="10%" height="10%" layer="2">
-            <drawtext x="0" y="0" font="{light}" fontsize="35%" color="{fontdefault}" text="{mintemperature}°C" />
-            <drawtext x="0" y="70%" font="{light}" fontsize="35%" color="{fontdefault}" text="{maxtemperature}°C" />
-        </area>
-        <area x="89%" y="13%" width="10%" height="10%" layer="3">
-            <drawtext align="right" valign="center" font="{light}" fontsize="65%" color="{fontdefault}" text="{temperature}°C" />
-        </area>
+        <areacontainer condition="not{mainmenusmall}++eq({indexmainmenuorientation},0)">
+            <area x="50%" y="0" width="14%" height="10%" layer="3">
+                <drawimage imagetype="icon" path="{icon}" align="center" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
+            </area>
+            <area x="64%" y="0" width="10%" height="10%" layer="3">
+                <drawtext x="0" y="0" font="{light}" fontsize="35%" color="{fontdefault}" text="{mintemperature}°C" />
+                <drawtext x="0" y="70%" font="{light}" fontsize="35%" color="{fontdefault}" text="{maxtemperature}°C" />
+                <drawtext align="right" valign="center" font="{light}" fontsize="65%" color="{fontdefault}" text="{temperature}°C" />
+            </area>
+        </areacontainer>
+        <areacontainer condition="{mainmenusmall}||gt({indexmainmenuorientation},0)">
+            <area x="75%" y="13%" width="13%" height="10%" layer="2">
+                <drawimage imagetype="icon" path="{icon}" align="center" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
+            </area>
+            <area x="89%" y="13%" width="10%" height="10%" layer="2">
+                <drawtext x="0" y="0" font="{light}" fontsize="35%" color="{fontdefault}" text="{mintemperature}°C" />
+                <drawtext x="0" y="70%" font="{light}" fontsize="35%" color="{fontdefault}" text="{maxtemperature}°C" />
+            </area>
+            <area x="89%" y="13%" width="10%" height="10%" layer="3">
+                <drawtext align="right" valign="center" font="{light}" fontsize="65%" color="{fontdefault}" text="{temperature}°C" />
+            </area>
+        </areacontainer>
     </currentweather>
     
     
     <devices condition="gt({indexshowdevices},0)">
-        <area background="true" x="75%" y="26%" width="25%" height="{areaheight}/12 * {numdevices}" layer="1">
-            <fill color="{menuback}"/>
-        </area>
-        <area x="75%" y="26%" width="25%" height="{areaheight}/12 * {numdevices}" layer="2">
-            <loop name="devices" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight} / {numdevices}" overflow="cut">
-                <drawtext name="label" x="5" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="{devices[num]}: {devices[type]}" />
-                <drawtext condition="{devices[hascam]}" x="{width(label)} + 15" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="(CAM {devices[cam]})" />
-                <drawtext condition="{devices[recording]} ++ {devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrRed}" text="LiveTV, Recording ({devices[channelname]}) " />
-                <drawtext condition="{devices[recording]} ++ not{devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrRed}" text="Recording ({devices[channelname]}) " />
-                <drawtext condition="not{devices[recording]} ++ {devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="LiveTV ({devices[channelname]}) " />
-                <drawrectangle condition="{devices[istuned]}" x="5" y="{rowheight}/3 + 5" width="{areawidth} * {devices[signalstrength]} / 100 - 10 * {devices[signalstrength]} / 100" height="{rowheight}/3 - 10" color="{clrWhiteTrans}" />
-                <drawrectangle condition="{devices[istuned]}" x="5" y="2*{rowheight}/3 + 5" width="{areawidth} * {devices[signalquality]} / 100 - 10 * {devices[signalquality]} / 100" height="{rowheight}/3 - 10" color="{clrWhiteTrans}" />
-                <drawtext condition="not{devices[istuned]}" align="center" y="{rowheight}/2" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="not tuned" />
-            </loop>
-        </area>
+        <areacontainer condition="{mainmenusmall}||gt({indexmainmenuorientation},0)">
+            <area background="true" x="75%" y="26%" width="25%" height="{areaheight}/12 * {numdevices}" layer="1">
+                <fill color="{menuback}"/>
+            </area>
+            <area x="75%" y="26%" width="25%" height="{areaheight}/12 * {numdevices}" layer="2">
+                <loop name="devices" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight} / {numdevices}" overflow="cut">
+                    <drawtext name="label" x="5" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="{devices[num]}: {devices[type]}" />
+                    <drawtext condition="{devices[hascam]}" x="{width(label)} + 15" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="(CAM {devices[cam]})" />
+                    <drawtext condition="{devices[recording]} ++ {devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrRed}" text="LiveTV, Recording ({devices[channelname]}) " />
+                    <drawtext condition="{devices[recording]} ++ not{devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrRed}" text="Recording ({devices[channelname]}) " />
+                    <drawtext condition="not{devices[recording]} ++ {devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="LiveTV ({devices[channelname]}) " />
+                    <drawrectangle condition="{devices[istuned]}" x="5" y="{rowheight}/3 + 5" width="{areawidth} * {devices[signalstrength]} / 100 - 10 * {devices[signalstrength]} / 100" height="{rowheight}/3 - 10" color="{clrWhiteTrans}" />
+                    <drawrectangle condition="{devices[istuned]}" x="5" y="2*{rowheight}/3 + 5" width="{areawidth} * {devices[signalquality]} / 100 - 10 * {devices[signalquality]} / 100" height="{rowheight}/3 - 10" color="{clrWhiteTrans}" />
+                    <drawtext condition="not{devices[istuned]}" align="center" y="{rowheight}/2" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="not tuned" />
+                </loop>
+            </area>
+        </areacontainer>
+        <areacontainer condition="not{mainmenusmall}++eq({indexmainmenuorientation},0)">
+            <area x="0" y="11%" width="100%" height="3%" layer="2">
+                <loop name="devices" x="0" y="0" orientation="horizontal" columnwidth="{areawidth}/4" rowheight="{areaheight}" maxitems="4">
+                    <drawrectangle  x="0" y="0" width="{columnwidth}/2" height="{rowheight}" color="{menuactive}" />
+                    <drawtext name="label" x="5" y="0" font="{light}" valign="center" fontsize="{rowheight}*0.9" color="{fontactive}" text="{devices[num]}: {devices[type]} " />
+                    <drawtext condition="{devices[hascam]}" x="{width(label)} + 15" y="0" font="{light}" valign="center" fontsize="{rowheight}*0.9" color="{fontactive}" text="(CAM {devices[cam]})" />
+                    <drawtext condition="{devices[istuned]}" x="{columnwidth}/2+5" y="0" font="{light}" valign="center" fontsize="{rowheight}*0.9" color="{fontdefault}" text="STR: {devices[signalstrength]}% SNR: {devices[signalquality]}%  " />
+                </loop>
+            </area>
+        </areacontainer>
     </devices>
 
     <colorbuttons>
-        <areacontainer condition="not{mainmenusmall}">
+        <areacontainer condition="not{mainmenusmall}++eq({indexmainmenuorientation},0)">
+            <area x="15%" y="64%" width="18%" height="7%" layer="2">
+                <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+            <area x="33%" y="64%" width="17%" height="7%" layer="2">
+                <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+            <area x="50%" y="64%" width="18%" height="7%" layer="2">
+                <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+            <area x="68%" y="64%" width="17%" height="7%" layer="2">
+                <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+            <area x="85%" y="64%" width="10" height="7%" layer="2">
+                <drawrectangle x="0" y="0" width="100%" height="100%" color="{menuback}" />
+            </area>
+        </areacontainer>
+        <areacontainer condition="not{mainmenusmall}++gt({indexmainmenuorientation},0)">
             <area x="0" y="64%" width="18%" height="7%" layer="2">
                 <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
                 <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
@@ -206,7 +307,7 @@
                 <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{blue}" />
                 <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
             </area>
-            <area x="33%" y="64%" width="10%" height="6%" layer="2">
+            <area x="33%" y="64%" width="11%" height="6%" layer="2">
                 <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{red}" />
                 <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
                 <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{green}" />
@@ -271,7 +372,7 @@
                 <drawtext condition="eq({numtimers}, 1)" align="center" valign="center" fontsize="60%" font="{regular}" color="{fontactive}" text="{numtimers} {tr(activetimer)}" />
             </area>
             <area condition="{numtimers}" x="0%" y="84%" width="30%" height="14%" layer="2">
-                <loop name="timers" x="5" y="3" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/3" overflow="cut">
+                <loop name="timers" x="5" y="3" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/{infolistitemsmax}" overflow="cut" maxitems="{infolistitemsmax}">
                     <drawimage cache="true" name="logo" imagetype="channellogo" path="{timers[channelid]}" width="{columnwidth}*0.15" height="{rowheight}*0.75" x="10" valign="center" />
                     <drawtext condition="not{timers[recording]}" name="datetime" x="{posx(logo)} + {width(logo)} + 10" y="0" font="{regular}" fontsize="{rowheight}*0.4" color="{fontdefault}" text="{timers[datetime]}" />
                     <drawimage condition="not{timers[recording]}++{timers[isremotetimer]}" name="remotetimericon" imagetype="icon" path="ico_remotetimer" width="{rowheight}*0.4" height="{rowheight}*0.4" x="{posx(datetime)} + {width(datetime)} + 10" y="0" />
@@ -291,7 +392,7 @@
             <drawtext align="center" valign="center" fontsize="60%" font="{regular}" color="{fontactive}" text="{tr(lastrecs)}" />
         </area>
         <area x="35%" y="84%" width="30%" height="14%" layer="2">
-            <loop name="recordings" x="5" y="3" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/3" overflow="cut">
+            <loop name="recordings" x="5" y="3" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/{infolistitemsmax}" overflow="cut" maxitems="{infolistitemsmax}">
                 <drawtext  x="10" y="0" font="{regular}" fontsize="{rowheight}*0.4" color="{fontdefault}" text="{recordings[date]}, {recordings[duration]} min" />
                 <drawtext condition="empty{recordings[seriesname]}" x="10" y="{rowheight}*0.35" width="{columnwidth} - 20" font="{regular}" fontsize="{rowheight}*0.6" color="{fontdefault}" text="{recordings[name]}" />
                 <drawtext condition="isset{recordings[seriesname]}" x="10" y="{rowheight}*0.35" width="{columnwidth} - 20" font="{regular}" fontsize="{rowheight}*0.6" color="{fontdefault}" text="{recordings[seriesname]}" />
@@ -391,45 +492,50 @@
         </currentelement>
     </menuitems>
 
-    <menuitems orientation="horizontal" condition="not{mainmenusmall}" x="13%" y="7%" width="45%" height="56%" align="center" numlistelements="1">
+    <menuitems orientation="horizontal" condition="not{mainmenusmall}" x="2%" y="10%" width="96%" height="50%" align="center" numlistelements="{menuitemsmax}">
         <listelement>
+            <areacontainer condition="not{current}">
+                <area x="0" width="100%" y="10%" height="80%" layer="3">
+                    <drawimage imagetype="menuicon" path="{icon}" align="center"  valign="center" width="{areaheight}*0.4" height="{areaheight}*0.4"/>
+                </area>
+                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="3000" scrollspeed="medium" x="5%" width="90%"  y="70%" height="20%" layer="4">
+                    <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="50%" color="{fontdefault}" text="{label}" />
+                </areascroll>
+            </areacontainer>
             <areacontainer condition="{current}">
-                <area x="0" y="10%" width="100%" height="80%" layer="2">
-                    <fill  color="{menuactive}" />
+                <area x="0" y="15%" width="100%" height="75%" layer="2">
+                    <fill color="{menuactive}" />
                 </area>
-                <area x="12%" width="76%" y="10%" height="80%" layer="3">
-                    <drawimage imagetype="menuicon" path="{icon}_active" align="center" x="0" y="10%" width="{areaheight}*0.6" height="{areaheight}*0.6"/>
+                <area x="0" width="100%" y="10%" height="80%" layer="3">
+                    <drawimage  imagetype="menuicon" path="{icon}_active" align="center"  valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
                 </area>
-                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="5%" width="90%"  y="70%" height="20%" layer="4">
-                    <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="80%" color="{fontactive}" text="{label}" />
+                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="3000" scrollspeed="medium" x="5%" width="90%"  y="70%" height="20%" layer="4">
+                    <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="50%" color="{fontactive}" text="{label}" />
                 </areascroll>
             </areacontainer>
-<!--
-            <area condition="not{current}" x="5%" width="90%"  y="70%" height="20%" layer="4">
-                <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{label}" />
-            </area>
--->
         </listelement>
     </menuitems>
-    <menuitems orientation="horizontal" condition="{mainmenusmall}" x="0" y="7%" width="44%" height="56%" align="center" numlistelements="1">
+    <menuitems orientation="horizontal" condition="{mainmenusmall}" x="0" y="7%" width="44%" height="56%" align="center" numlistelements="{menuitemsmax}">
         <listelement>
+            <areacontainer condition="not{current}">
+                <area x="0" width="100%" y="10%" height="60%" layer="3">
+                    <drawimage imagetype="menuicon" path="{icon}" valign="center"  align="center" x="0" y="10%" width="{areawidth}*0.7" height="{areawidth}*0.7"/>
+                </area>
+            </areacontainer>
             <areacontainer condition="{current}">
-                <area x="0" y="10%" width="100%" height="80%" layer="2">
+                <area x="0" y="10%" width="100%" height="60%" layer="2">
                     <fill color="{menuactive}" />
                 </area>
-                <area x="12%" width="76%" y="10%" height="80%" layer="3">
-                    <drawimage imagetype="menuicon" path="{icon}_active" align="center" x="0" y="10%" width="{areaheight}*0.6" height="{areaheight}*0.6"/>
+                <area x="0" width="100%" y="10%" height="60%" layer="3">
+                    <drawimage imagetype="menuicon" path="{icon}_active" valign="center" align="center" x="0" y="10%" width="{areawidth}*0.8" height="{areawidth}*0.8"/>
                 </area>
-                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="5%" width="90%"  y="70%" height="20%" layer="4">
-                    <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="80%" color="{fontactive}" text="{label}" />
-                </areascroll>
             </areacontainer>
-<!--
-            <area condition="not{current}"  x="5%" width="90%"  y="70%" height="20%" layer="4">
-                <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{label}" />
-            </area>
--->
         </listelement>
+        <currentelement delay="0" fadetime="{fadetimecurrent}">
+            <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="5%" width="90%"  y="70%" height="20%" layer="4">
+                <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="80%" color="{fontactive}" text="{label}" />
+            </areascroll>
+        </currentelement>
     </menuitems>
 
     <scrollbar orientation="vertical">
@@ -474,15 +580,22 @@
     </scrollbar>
 
     <scrollbar orientation="horizontal">
-        <area condition="{hasprev}" x="1%" y="7%" width="8%" height="56%" layer="3">
-            <drawimage imagetype="icon" path="ico_arrow_left" align="center" valign="center" width="{areawidth}*0.8" height="{areawidth}*0.8"/>
-        </area>
-        <area condition="not{mainmenusmall}++{hasnext}" x="62%" y="7%" width="8%" height="56%" layer="3">
-            <drawimage imagetype="icon" path="ico_arrow_right" align="center" valign="center" width="{areawidth}*0.8" height="{areawidth}*0.8"/>
-        </area>
-        <area condition="{mainmenusmall}++{hasnext}" x="35%" y="7%" width="8%" height="56%" layer="3">
-            <drawimage imagetype="icon" path="ico_arrow_right" align="center" valign="center" width="{areawidth}*0.8" height="{areawidth}*0.8"/>
-        </area>
+        <areacontainer condition="not{mainmenusmall}">
+            <area condition="{hasprev}" x="0" y="36%" width="8%" height="56%" layer="3">
+                <drawimage imagetype="icon" path="ico_arrow_left" align="center" valign="center" width="{areawidth}*0.5" height="{areawidth}*0.5"/>
+            </area>
+            <area condition="{hasnext}" x="92%" y="36%" width="8%" height="56%" layer="3">
+                <drawimage imagetype="icon" path="ico_arrow_right" align="center" valign="center" width="{areawidth}*0.5" height="{areawidth}*0.5"/>
+            </area>
+        </areacontainer>
+        <areacontainer condition="{mainmenusmall}">
+            <area condition="{hasprev}" x="0" y="58%" width="5%" height="6%" layer="3">
+                <drawimage imagetype="icon" path="ico_arrow_left" align="center" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
+            </area>
+            <area condition="{hasnext}" x="39%" y="58%" width="5%" height="6%" layer="3">
+                <drawimage imagetype="icon" path="ico_arrow_right" align="center" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
+            </area>
+        </areacontainer>
     </scrollbar>
 
 </menumain>
diff --git a/skins/metrixhd/xmlfiles/displaymenurecordings.xml b/skins/metrixhd/xmlfiles/displaymenurecordings.xml
index fe8b340..542ac8c 100644
--- a/skins/metrixhd/xmlfiles/displaymenurecordings.xml
+++ b/skins/metrixhd/xmlfiles/displaymenurecordings.xml
@@ -43,7 +43,7 @@
         </area>
     </sortmode>
 
-    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="14">
+    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="{listitemsmax}">
         <listelement>
             <!-- Background -->
             <area x="1%" width="58%" layer="2">
@@ -61,8 +61,8 @@
             <!-- recording item -->
             <areacontainer condition="not{folder}++not{current}">
                 <area x="1%" width="51%" layer="3">
-                    <drawtext x="10" valign="center" font="{light}" fontsize="85%" color="{fontdefault}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
-                    <drawtext x="35%" valign="center" font="{light}" fontsize="85%" color="{fontdefault}" text="{name}" />
+                    <drawtext name="recdate" x="10" valign="center" font="{light}" fontsize="85%" color="{fontdefault}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
+                    <drawtext x="{posx(recdate)} + {width(recdate)} + 30" valign="center" font="{light}" fontsize="85%" color="{fontdefault}" text="{name}" />
                 </area>
                 <area x="1%" width="58%" layer="4">
                     <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
@@ -73,8 +73,8 @@
 
             <areacontainer condition="not{folder}++{current}">
                 <areascroll scrollelement="menutext" x="1%" width="51%" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" layer="3">
-                    <drawtext x="10" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
-                    <drawtext name="menutext" x="35%" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{name}" />
+                    <drawtext name="recdate" x="10" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
+                    <drawtext name="menutext" x="{posx(recdate)} + {width(recdate)} + 30" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{name}" />
                 </areascroll>
                 <area x="1%" width="58%" layer="4">
                     <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new_active" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
@@ -134,21 +134,28 @@
             </areacontainer>
         </listelement>
         <currentelement delay="0" fadetime="{fadetimecurrent}">
-            <area x="5%" y="0" width="90%" height="61%" layer="2">
-                <!-- scraper poster -->
-                <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="1%" y="2%" width="{areaheight}*0.96 * {posterwidth} / {posterheight}" height="96%"/>
-                <!-- header -->
-                <drawtext condition="{hasposter}" name="title" x="{width(poster)} + 0.04*{areawidth}" y="0" font="{semibold}" fontsize="10%" color="{fontactive}" text="{epgname}" />
-                <drawtext condition="{hasposter}" name="shorttext" x="{width(poster)} + 0.04*{areawidth}" y="{height(title)}" width="0.96*{areawidth} - {width(poster)}" font="{semibold}" fontsize="8%" color="{fontactive}" text="{shorttext}" />
-                <drawtext condition="{hasposter}" name="datetime" x="{width(poster)} + 0.04*{areawidth}" y="{posy(shorttext)} + {height(shorttext)}" font="{light}" fontsize="7%" color="{fontactive}" text="{date} {time}, {duration} min" />
-
-                <drawtext condition="not{hasposter}" name="title" x="2%" y="0" font="{semibold}" fontsize="10%" color="{fontactive}" text="{epgname}" />
-                <drawtext condition="not{hasposter}" name="shorttext" x="2%" y="{height(title)}" width="98%" font="{semibold}" fontsize="8%" color="{fontactive}" text="{shorttext}" />
-                <drawtext condition="not{hasposter}" name="datetime" x="2%" y="{posy(shorttext)} + {height(shorttext)}" font="{light}" fontsize="7%" color="{fontactive}" text="{date} {time}, {duration} min" />
-                <!-- description -->
-                <drawtextbox condition="{hasposter}" x="{width(poster)} + 0.04*{areawidth}" y="{posy(datetime)} + {height(datetime)} + 10" width="{areawidth}*0.94 - {width(poster)}" height="{areaheight}*0.92 - {posy(datetime)}" font="{light}" fontsize="7%" color="{fontactive}" text="{description}" />
-                <drawtextbox condition="not{hasposter}" x="2%" y="{posy(datetime)} + {height(datetime)} + 10" width="{areawidth}*0.98" height="{areaheight}*0.92 - {posy(datetime)}" font="{light}" fontsize="7%" color="{fontactive}" text="{description}" />
-            </area>
+            <areacontainer condition="not{hasposter}">
+                <area x="5%" y="0" width="90%" height="61%" layer="2">
+                    <!-- header -->
+                    <drawtext name="title" x="2%" y="0" font="{semibold}" fontsize="12%" color="{fontactive}" text="{epgname}" />
+                    <drawtext name="shorttext" x="2%" y="{height(title)}" width="98%" font="{semibold}" fontsize="10%" color="{fontactive}" text="{shorttext}" />
+                    <drawtext name="datetime" x="2%" y="{posy(shorttext)} + {height(shorttext)}" font="{light}" fontsize="9%" color="{fontactive}" text="{date} {time}, {duration} min" />
+                    <!-- description -->
+                    <drawtextbox name="desc" x="2%" y="{posy(datetime)} + {height(datetime)} + 10" width="{areawidth}*0.98" height="{areaheight}*0.92 - {posy(datetime)}" font="{light}" fontsize="9%" color="{fontactive}" text="{description}" />
+                </area>
+            </areacontainer>
+            <areacontainer condition="{hasposter}">
+                <area x="5%" y="0" width="90%" height="61%" layer="2">
+                    <!-- scraper poster -->
+                    <drawimage name="poster" imagetype="image" path="{posterpath}" x="1%" y="2%" width="{areaheight}*0.96 * {posterwidth} / {posterheight}" height="96%"/>
+                    <!-- header -->
+                    <drawtext name="title" x="{width(poster)} + 0.04*{areawidth}" y="0" font="{semibold}" fontsize="12%" color="{fontactive}" text="{epgname}" />
+                    <drawtext name="shorttext" x="{width(poster)} + 0.04*{areawidth}" y="{height(title)}" width="0.96*{areawidth} - {width(poster)}" font="{semibold}" fontsize="10%" color="{fontactive}" text="{shorttext}" />
+                    <drawtext name="datetime" x="{width(poster)} + 0.04*{areawidth}" y="{posy(shorttext)} + {height(shorttext)}" font="{light}" fontsize="9%" color="{fontactive}" text="{date} {time}, {duration} min" />
+                    <!-- description -->
+                    <drawtextbox name="desc" x="{width(poster)} + 0.04*{areawidth}" y="{posy(datetime)} + {height(datetime)} + 10" width="{areawidth}*0.94 - {width(poster)}" height="{areaheight}*0.92 - {posy(datetime)}" font="{light}" fontsize="9%" color="{fontactive}" text="{description}" />
+                </area>
+            </areacontainer>
         </currentelement>
     </menuitems>
 
diff --git a/skins/metrixhd/xmlfiles/displaymenuschedules.xml b/skins/metrixhd/xmlfiles/displaymenuschedules.xml
index 869b6c5..ba67474 100644
--- a/skins/metrixhd/xmlfiles/displaymenuschedules.xml
+++ b/skins/metrixhd/xmlfiles/displaymenuschedules.xml
@@ -8,7 +8,7 @@
         </area>
     </header>
 
-    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="14">
+    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="{listitemsmax}">
         <listelement>
             <!-- Background -->
             <area x="1%" width="58%" layer="2">
@@ -153,40 +153,40 @@
             </area>
         </listelement>
         <currentelement delay="0" fadetime="{fadetimecurrent}">
-            <area condition="{whatson}" x="63%" y="0" width="36%" height="100%" layer="5">
+            <area condition="{whatson}" x="63%" y="0" width="36%" height="100%" layer="2">
                 <!-- title -->
-                <drawtext align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="8%" color="{fontactive}" text="{title}" />
+                <drawtext name="title" x="10" y="0" font="{semibold}" width="{areawidth}-20" fontsize="8%" color="{fontactive}" text="{title}" />
                 <!-- progress bar if event is running -->
-                <drawtext condition="{running}" name="start" x="{areawidth}/4 - {width(start)}" y="{areaheight}/16 + 20" font="{light}" fontsize="{areaheight}/18" color="{fontactive}" text="{start}" />
-                <drawtext condition="{running}" name="stop" x="{areawidth}*3/4" y="{areaheight}/16 + 20" font="{light}" fontsize="{areaheight}/18" color="{fontactive}" text="{stop}" />
-                <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 20 + {areaheight}/36" width="{areawidth}/2 - 20" height="1" color="{fontactive}" />
-                <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 20 + {areaheight}/36 -2" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="5" color="{fontactive}" />
+                <drawtext condition="{running}" name="start" x="{areawidth}/4 - {width(start)}" y="{posy(title)}+{height(title)}" font="{light}" fontsize="6%" color="{fontactive}" text="{start}" />
+                <drawtext condition="{running}" name="stop" x="{areawidth}*3/4" y="{posy(title)}+{height(title)}" font="{light}" fontsize="6%" color="{fontactive}" text="{stop}" />
+                <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{height(start)}/2+{posy(start)}" width="{areawidth}/2 - 20" height="1" color="{fontactive}" />
+                <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{height(start)}/2+{posy(start)} -2" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="5" color="{fontactive}" />
                 <!-- start and stop if event is not running -->
-                <drawtext condition="not{running}" x="10" y="{areaheight}/18 + 20" font="{light}" fontsize="{areaheight}/20" color="{fontactive}" text="{start} - {stop} ({duration} min)" />
+                <drawtext condition="not{running}" x="10" y="{posy(title)}+{height(title)}" font="{light}" fontsize="7%" color="{fontactive}" text="{start} - {stop} ({duration} min)" />
                 <!-- scraper poster -->
                 <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="10" y="{posy(start)} + {height(start)} + 20" width="{areawidth}/3" height="{areawidth}/3 * {posterheight} / {posterwidth}"/>
                 <!-- description -->
-                <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="{areaheight}/20" color="{fontactive}" text="{description}" />
-                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="{areawidth} - 20" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/20" color="{fontactive}" text="{description}" />
+                <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 10" font="{light}" fontsize="6%" color="{fontactive}" text="{description}" />
+                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="{areawidth} - 20" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="6%" color="{fontactive}" text="{description}" />
             </area>
             <areacontainer condition="{whatsonnow}||{whatsonnext}||{whatsonfavorites}">
-                <area x="63%" y="0" width="36%" height="85%" layer="2">
+                <area x="63%" y="0" width="36%" height="100%" layer="2">
                     <!-- title -->
-                    <drawtext align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="10%" color="{fontactive}" text="{title}" />
+                    <drawtext name="title" x="10" y="0" font="{semibold}" width="{areawidth}-20" fontsize="8%" color="{fontactive}" text="{title}" />
                     <!-- progress bar if event is running -->
-                    <drawtext condition="{running}" name="start" x="{areawidth}/4 - {width(start)}" y="{areaheight}/16 + 15" font="{light}" fontsize="{areaheight}/15" color="{fontactive}" text="{start}" />
-                    <drawtext condition="{running}" name="stop" x="{areawidth}*3/4" y="{areaheight}/16 + 15" font="{light}" fontsize="{areaheight}/15" color="{fontactive}" text="{stop}" />
-                    <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 15 + {areaheight}/30" width="{areawidth}/2 - 20" height="1" color="{fontactive}" />
-                    <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 15 + {areaheight}/30 -2" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="5" color="{fontactive}" />
+                    <drawtext condition="{running}" name="start" x="{areawidth}/4 - {width(start)}" y="{posy(title)}+{height(title)}" font="{light}" fontsize="6%" color="{fontactive}" text="{start}" />
+                    <drawtext condition="{running}" name="stop" x="{areawidth}*3/4" y="{posy(title)}+{height(title)}" font="{light}" fontsize="6%" color="{fontactive}" text="{stop}" />
+                    <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{height(start)}/2+{posy(start)}" width="{areawidth}/2 - 20" height="1" color="{fontactive}" />
+                    <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{height(start)}/2+{posy(start)}-2" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="5" color="{fontactive}" />
                     <!-- start and stop if event is not running -->
-                    <drawtext condition="not{running}" x="10" y="{areaheight}/18 + 15" font="{light}" fontsize="{areaheight}/20" color="{fontactive}" text="{start} - {stop} ({duration} min)" />
+                    <drawtext condition="not{running}" x="10" y="{posy(title)}+{height(title)}" font="{light}" fontsize="6%" color="{fontactive}" text="{start} - {stop} ({duration} min)" />
                     <!-- scraper poster -->
                     <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="10" y="{posy(start)} + {height(start)} + 10" width="{areawidth}/3" height="{areawidth}/3 * {posterheight} / {posterwidth}"/>
                     <!-- description -->
-                    <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 10" font="{light}" fontsize="{areaheight}/18" color="{fontactive}" text="{description}" />
-                    <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/18" color="{fontactive}" text="{description}" />
+                    <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight}*0.85  - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 10" font="{light}" fontsize="6%" color="{fontactive}" text="{description}" />
+                    <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight}*0.85 - {posy(poster)}" font="{light}" fontsize="6%" color="{fontactive}" text="{description}" />
                 </area>
-                <areascroll mode="forthandback" orientation="vertical" delay="2000" scrollspeed="medium" x="63%" y="85%" width="36%" height="15%" layer="2">
+                <areascroll mode="forthandback" orientation="vertical" delay="2000" scrollspeed="medium" x="63%" y="85%" width="36%" height="15%" layer="3">
                     <drawtext x="10" y="0" font="{semibold}" fontsize="30%" color="{fontactive}" text="Next Schedules:" />
                     <loop name="schedule" x="0" y="{areaheight}/4 + 5" orientation="vertical">
                         <drawtext x="10" font="{light}" width="{areawidth}-20" fontsize="30%" color="{fontactive}" text="{schedule[start]} {schedule[title]}" />
diff --git a/skins/metrixhd/xmlfiles/displaymenutimers.xml b/skins/metrixhd/xmlfiles/displaymenutimers.xml
index 7900190..2a6129d 100644
--- a/skins/metrixhd/xmlfiles/displaymenutimers.xml
+++ b/skins/metrixhd/xmlfiles/displaymenutimers.xml
@@ -1,5 +1,5 @@
 <menutimers x="0" y="0" width="100%" height="100%" fadetime="0">
-    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="16">
+    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="{listitemsmax}">
         <listelement>
             <!-- Background -->
             <area x="1%" width="58%" layer="2">
@@ -36,14 +36,14 @@
                 <drawtext name="channum" x="{width(logo)} + 20" y="{areaheight}/6" width="{areawidth} - {width(logo)} - 30" font="{light}" fontsize="40%" color="{fontactive}" text="Kanal Nr. {channelnumber}" />
                 <drawtext name="channame" x="{width(logo)} + 20" y="{areaheight}/3 + {areaheight}/6" width="{areawidth} - {width(logo)} - 30" font="{semibold}" fontsize="40%" color="{fontactive}" text="{channelname}" />
             </area>
-            <area x="63%" y="15%" width="36%" height="70%" layer="3">
+            <area x="63%" y="15%" width="36%" height="85%" layer="3">
                 <!-- title -->
                 <drawtext name="title" align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="{areaheight}/10" color="{fontactive}" text="{eventtitle}" />
                 <!-- scraper poster -->
                 <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="10" y="{posy(title)} + {height(title)} + 10" width="{areawidth}/3" height="{areawidth}/3 * {posterheight} / {posterwidth}"/>
                 <!-- description -->
-                <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="{areaheight}/14" color="{fontactive}" text="{eventdescription}" />
-                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/14" color="{fontactive}" text="{eventdescription}" />
+                <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 10" font="{light}" fontsize="{areaheight}/15" color="{fontactive}" text="{eventdescription}" />
+                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/15" color="{fontactive}" text="{eventdescription}" />
             </area>
         </currentelement>
     </menuitems>