Version 0.8.0 beta

18 files changed, 158 insertions, 149 deletions

diff --git a/skins/metrixhd/xmlfiles/displaychannel.xml b/skins/metrixhd/xmlfiles/displaychannel.xml
index 9817b9d..3a68bc9 100644
--- a/skins/metrixhd/xmlfiles/displaychannel.xml
+++ b/skins/metrixhd/xmlfiles/displaychannel.xml
@@ -4,7 +4,7 @@
 <displaychannel x="0" y="0" width="100%" height="100%" fadetime="{fadetime}" shifttime="{shifttimechannel}" shifttype="bottom" shiftmode="slowed">
     <background>
         <!-- background infobar -->
-        <area x="0" y="80%" width="100%" height="20%" layer="1">
+        <area x="20%" y="80%" width="80%" height="20%" layer="1">
             <fill color="{clrTransBlack}" />
         </area>
         <!-- background channellogo -->
@@ -61,8 +61,8 @@
             <drawimage name="txt" condition="{hasVT}" imagetype="icon" path="ico_txt_on" x="{posx(dolby)} - 15 - {width(txt)}" valign="center" width="{areaheight}*0.8*1.3" height="{areaheight}*0.8"/>
             <drawimage condition="not{hasVT}" imagetype="icon" path="ico_txt_off" x="{posx(dolby)} - 15 - {width(txt)}" valign="center" width="{areaheight}*0.8*1.3" height="{areaheight}*0.8"/>
             <!-- recording icon -->
-            <drawimage name="rec" condition="{isRecording}" imagetype="icon" path="ico_rec_on" x="{posx(txt)} - 15 - {width(rec)}" valign="center" width="{areaheight}*0.8*1.96" height="{areaheight}*0.8"/>
-            <drawimage condition="not{isRecording}" imagetype="icon" path="ico_rec_off" x="{posx(txt)} - 15 - {width(rec)}" valign="center" width="{areaheight}*0.8*1.96" height="{areaheight}*0.8"/>
+            <drawimage animtype="blink" animfreq="500" name="rec" condition="{isRecording}" imagetype="icon" path="ico_rec_on" x="{posx(txt)} - 15 - {width(rec)}" valign="center" width="{areaheight}*0.8*1.96" height="{areaheight}*0.8"/>
+            <drawimage condition="not{isRecording}" imagetype="icon" path="ico_rec_off" x="{posx(txt)} - 15 - {width(rec)}" valign="center" width="{areaheight}*0.8*1.95652" height="{areaheight}*0.8"/>
         </area>
     </statusinfo>
 
@@ -100,10 +100,7 @@
         </area>
     </signalquality>
 
-    <signalqualityback>
-    </signalqualityback>
-
-    <devices condition="{showdevices}" detached="true" delay="100" shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
+    <devices condition="{showdevices}" shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
         <area x="70%" y="30%" width="30%" height="{areaheight}/12 * {numdevices}" layer="1" background="true">
             <fill color="{clrTransBlack}"/>
         </area>
@@ -121,7 +118,7 @@
         </area>
     </devices>
 
-    <currentweather detached="true" delay="100" shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
+    <currentweather shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
         <area background="true" x="70%" y="15%" width="30%" height="13%" layer="1">
             <fill color="{clrTransBlack}" />
             <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
@@ -138,16 +135,16 @@
         </area>
     </currentweather>
 
-    <scrapercontent detached="true" delay="0" fadetime="0">
+    <scrapercontent shifttime="{shifttimedatetime}" shifttype="left" shiftmode="slowed">
         <area condition="{isbanner}" x="0" y="0" width="{areaheight}*0.13*{mediawidth}/{mediaheight}" height="13%" layer="2">
-            <drawimage imagetype="image" path="{mediapath}" align="center" valign="center"  width="{areawidth}" height="{areaheight}"/>
+            <drawimage imagetype="image" path="{mediapath}" align="center" valign="center" width="{areawidth}" height="{areaheight}"/>
         </area>
         <area condition="not{isbanner}" x="0" y="0" width="{areaheight}*0.5*{mediawidth}/{mediaheight}" height="50%" layer="2">
             <drawimage imagetype="image" path="{mediapath}" x="5" y="5" width="{areawidth}-10" height="{areaheight}-10"/>
         </area>
     </scrapercontent>
 
-    <datetime detached="true" delay="100" shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
+    <datetime shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
         <area background="true" x="70%" y="0" width="30%" height="13%" layer="1">
             <fill color="{clrTransBlack}" />
             <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
@@ -172,7 +169,4 @@
         </area>
     </message>
 
-    <customtokens>
-    </customtokens>
-
 </displaychannel>
diff --git a/skins/metrixhd/xmlfiles/displaymenu.xml b/skins/metrixhd/xmlfiles/displaymenu.xml
index 53b70fb..da903ba 100644
--- a/skins/metrixhd/xmlfiles/displaymenu.xml
+++ b/skins/metrixhd/xmlfiles/displaymenu.xml
@@ -12,11 +12,11 @@
 <!ENTITY displaymenudetailtext SYSTEM "displaymenudetailtext.xml">
 ]>
 
-<displaymenu x="3%" y="5%" width="94%" height="90%" fadetime="0">
+<displaymenu x="3%" y="5%" width="94%" height="90%">
 
     <background>
         <!-- background left Menu -->
-        <area x="0" y="0" width="63%" height="100%" layer="1">
+        <area x="0" y="0" width="63%" height="100%" layer="2">
             <fill color="{clrTransBlack}" />
         </area>
         <!-- background right detail view -->
@@ -64,7 +64,7 @@
     </sortmode>
 
     <colorbuttons>
-        <area x="0" y="92%" width="15%" height="8%" layer="2">
+        <area x="0" y="92%" width="15%" height="8%" layer="6">
             <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" 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="{clrWhite}" text="{green}" />
@@ -74,7 +74,7 @@
             <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
-        <area x="15%" y="92%" width="15%" height="8%" layer="2">
+        <area x="15%" y="92%" width="15%" height="8%" layer="6">
             <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" 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="{clrWhite}" text="{green}" />
@@ -84,7 +84,7 @@
             <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
-        <area x="30%" y="92%" width="15%" height="8%" layer="2">
+        <area x="30%" y="92%" width="15%" height="8%" layer="6">
             <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" 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="{clrWhite}" text="{green}" />
@@ -94,7 +94,7 @@
             <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
-        <area x="45%" y="92%" width="15%" height="8%" layer="2">
+        <area x="45%" y="92%" width="15%" height="8%" layer="6">
             <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" 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="{clrWhite}" text="{green}" />
@@ -105,6 +105,14 @@
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
     </colorbuttons>
+
+    <scrollbar>
+        <area x="60%" y="10%" width="2%" height="82%" layer="3">
+            <fill color="{clrWhite}" />
+            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+        </area>
+    </scrollbar>
     &displaymenudefault;
     &displaymenumain;
     &displaymenusetup;
diff --git a/skins/metrixhd/xmlfiles/displaymenuchannels.xml b/skins/metrixhd/xmlfiles/displaymenuchannels.xml
index 5b3a184..21999fc 100644
--- a/skins/metrixhd/xmlfiles/displaymenuchannels.xml
+++ b/skins/metrixhd/xmlfiles/displaymenuchannels.xml
@@ -17,7 +17,7 @@
                 <drawtext x="20" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{name}" />
             </area>
         </listelement>
-        <currentelement delay="500" fadetime="0">
+        <currentelement fadetime="300">
             <area x="63%" y="0" width="36%" height="85%" layer="2">
                 <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="10" y="0" width="30%" height="10%" />
                 <drawtext name="channame" align="right" y="{height(logo)}/2 - {height(channame)}/2" width="65%" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{name}" />
diff --git a/skins/metrixhd/xmlfiles/displaymenudetailtext.xml b/skins/metrixhd/xmlfiles/displaymenudetailtext.xml
index 08c37b2..81600bd 100644
--- a/skins/metrixhd/xmlfiles/displaymenudetailtext.xml
+++ b/skins/metrixhd/xmlfiles/displaymenudetailtext.xml
@@ -4,6 +4,11 @@
             <fill color="{clrTransBlack}" />
         </area>
     </background>
+    <header>
+        <area x="0" y="0" width="41%" height="10%" layer="2">
+            <drawtext x="5" width="{areawidth}-10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
+        </area>
+    </header>
     <datetime>
         <area x="75%" y="0" width="12%" height="10%" layer="2">
             <drawtext align="right" y="15%" font="{light}" fontsize="30%" color="{clrWhite}" text="{dayname}" />
diff --git a/skins/metrixhd/xmlfiles/displaymenumain.xml b/skins/metrixhd/xmlfiles/displaymenumain.xml
index 7bd8e33..f9dd6c6 100644
--- a/skins/metrixhd/xmlfiles/displaymenumain.xml
+++ b/skins/metrixhd/xmlfiles/displaymenumain.xml
@@ -1,4 +1,4 @@
-<menumain x="0" y="0" width="100%" height="100%" fadetime="0">
+<menumain x="0" y="0" width="100%" height="100%" fadetime="0" orientation="{mainmenuorientation}">
     <background>
         <!-- main menu background -->
         <area x="0" y="0" width="71%" height="70%" layer="1">
@@ -9,6 +9,19 @@
             <drawrectangle x="0" y="0" width="53%" height="100%" color="{clrTransBlueLight}" />
             <drawrectangle x="53%" y="0" width="47%" height="100%" color="{clrTransBlack}" />
         </area>
+        <!-- system load background -->
+        <area x="75%" y="40%" width="25%" height="5%" layer="1">
+            <fill color="{clrTransBlack}"/>
+        </area>
+        <!-- disc usage background -->
+        <area x="75%" y="26%" width="25%" height="10%" layer="1">
+            <fill color="{clrTransBlack}"/>
+        </area>
+        <!-- weather background -->
+        <area x="75%" y="13%" width="25%" height="10%" layer="2">
+            <drawrectangle x="0" y="0" width="53%" height="100%" color="{clrTransBlueLight}" />
+            <drawrectangle x="53%" y="0" width="47%" height="100%" color="{clrTransBlack}" />
+        </area>
     </background>
 
     <header>
@@ -70,7 +83,7 @@
         </area>
     </colorbuttons>
 
-    <timers detached="true" delay="100" shifttime="{shifttimetimers}" startx="0" starty="100%">
+    <timers shifttime="{shifttimetimers}" startx="0" starty="100%">
         <area x="0" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
             <fill color="{clrTransBlack}" />
         </area>
@@ -109,16 +122,15 @@
         <area x="{areawidth}/8" y="75%" width="{areawidth}*0.875" height="25%" layer="2">
             <loop name="timers" x="0" y="0" orientation="horizontal" columnwidth="{areawidth}/7" rowheight="{areaheight}" overflow="cut">
                 <drawrectangle condition="{timers[recording]}" x="0" y="0" width="{columnwidth}-5" height="{rowheight}" color="{clrRed}" />
-                <drawimage  cache="true" name="logo" imagetype="channellogo" path="{timers[channelid]}" width="{columnwidth}-15" height="40%" align="center" y="10" />
+                <drawimage cache="true" name="logo" imagetype="channellogo" path="{timers[channelid]}" width="{columnwidth}-15" height="40%" align="center" y="10" />
                 <drawtextbox x="5" y="{height(logo)} + 10" width="{columnwidth}-10" align="center" maxlines="2" font="{light}" fontsize="15%" color="{clrWhite}" text="{timers[title]}" />
                 <drawtext align="center" y="75%" font="{light}" fontsize="20%" color="{clrWhite}" text="{timers[datetime]}" />
             </loop>
         </area>
     </timers>
 
-    <discusage detached="true" delay="100" fadetime="0">
+    <discusage>
         <area background="true" x="75%" y="26%" width="25%" height="10%" layer="1">
-            <fill condition="not{discalert}" color="{clrTransBlack}"/>
             <fill condition="{discalert}" color="{clrRed}"/>
         </area>
         <area x="75%" y="26%" width="25%" height="10%" layer="2">
@@ -128,11 +140,7 @@
         </area>
     </discusage>
 
-    <currentweather detached="true" delay="100" fadetime="0">
-        <area x="75%" y="13%" width="25%" height="10%" layer="2">
-            <drawrectangle x="0" y="0" width="53%" height="100%" color="{clrTransBlueLight}" />
-            <drawrectangle x="53%" y="0" width="47%" height="100%" color="{clrTransBlack}" />
-        </area>
+    <currentweather>
         <area x="75%" y="13%" width="12%" height="10%" layer="2">
             <drawimage imagetype="icon" path="{icon}" align="center" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
         </area>
@@ -145,7 +153,7 @@
         </area>
     </currentweather>
 
-    <devices condition="{showdevices}" detached="true" delay="100" fadetime="0">
+    <devices condition="{showdevices}">
         <area background="true" x="75%" y="48%" width="25%" height="{areaheight}/12 * {numdevices}" layer="1">
             <fill color="{clrTransBlack}"/>
         </area>
@@ -163,19 +171,13 @@
         </area>
     </devices>
 
-    <systemload detached="true" delay="100" fadetime="0">
-        <area background="true" x="75%" y="40%" width="25%" height="5%" layer="1">
-            <fill color="{clrTransBlack}"/>
-        </area>
+    <systemload>
         <area x="75%" y="40%" width="25%" height="5%" layer="2">
             <drawtext x="5" valign="center" font="{light}" fontsize="100%" color="{clrWhite}" text="System Load: {load}" />
         </area>
     </systemload>
 
-    <customtokens>
-    </customtokens>
-
-    <menuitems condition="strequal({mainmenuorientation}, 'vertical')" x="0" y="7%" orientation="vertical" width="70%" height="56%" align="center" numlistelements="8">
+    <menuitems x="0" y="7%" orientation="vertical" width="70%" height="56%" align="center" numlistelements="8">
         <listelement>
             <area x="0" width="60%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
@@ -185,7 +187,7 @@
                 <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="90%" color="{clrWhite}" text="{number} {label}" />
             </areascroll>
         </listelement>
-        <currentelement delay="50" fadetime="0">
+        <currentelement fadetime="300">
             <area x="61%" y="22%" width="36%" height="52%" layer="2">
                 <fill color="{clrTransBlueLight}" />
             </area>
@@ -195,7 +197,7 @@
         </currentelement>
     </menuitems>
 
-    <menuitems condition="strequal({mainmenuorientation}, 'horizontal')" x="0" y="7%" orientation="horizontal" width="70%" height="56%" align="center" numlistelements="1">
+    <menuitems x="0" y="7%" orientation="horizontal" width="70%" height="56%" align="center" numlistelements="1">
         <listelement>
             <area y="10%" height="80%" layer="2">
                 <drawrectangle condition="{current}" x="20%" y="0" width="60%" height="100%" color="{clrTransBlueLight}" />
@@ -209,7 +211,15 @@
         </listelement>
     </menuitems>
 
-    <scrollbar condition="strequal({mainmenuorientation}, 'horizontal')">
+    <scrollbar orientation="vertical">
+        <area x="68%" y="7%" width="2%" height="56%" layer="2">
+            <fill color="{clrWhite}" />
+            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+        </area>
+    </scrollbar>
+
+    <scrollbar orientation="horizontal">
         <area condition="{hasprev}" x="0" y="7%" width="14%" height="56%" layer="2">
             <drawimage imagetype="icon" path="ico_arrow_left" align="center" valign="center" width="{areawidth}*0.8" height="{areawidth}*0.8"/>
         </area>
@@ -217,11 +227,5 @@
             <drawimage imagetype="icon" path="ico_arrow_right" align="center" valign="center" width="{areawidth}*0.8" height="{areawidth}*0.8"/>
         </area>
     </scrollbar>
-    <scrollbar condition="strequal({mainmenuorientation}, 'vertical')">
-        <area x="68%" y="7%" width="2%" height="56%" layer="2">
-            <fill color="{clrWhite}" />
-            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
-        </area>
-    </scrollbar>
+
 </menumain>
diff --git a/skins/metrixhd/xmlfiles/displaymenurecordings.xml b/skins/metrixhd/xmlfiles/displaymenurecordings.xml
index 9cef713..276c10f 100644
--- a/skins/metrixhd/xmlfiles/displaymenurecordings.xml
+++ b/skins/metrixhd/xmlfiles/displaymenurecordings.xml
@@ -1,6 +1,6 @@
-<menurecordings x="0" y="0" width="100%" height="100%" fadetime="0">
+<menurecordings x="0" y="0" width="100%" height="100%" fadetime="0" orientation="{recmenuorientation}">
 
-    <background condition="strequal({recmenuorientation}, 'horizontal')">
+    <background orientation="horizontal">
         <!-- horizontal menu -->
         <area x="0" y="0" width="100%" height="10%" layer="1">
             <fill color="{clrTransBlack}" />
@@ -13,7 +13,7 @@
         </area>
     </background>
 
-    <header condition="strequal({recmenuorientation}, 'horizontal')">
+    <header orientation="horizontal">
         <!-- horizontal menu -->
         <area x="0" y="0" width="70%" height="10%" layer="2">
             <drawtext condition="not{hasicon}" x="5" width="{areawidth}-10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
@@ -22,7 +22,7 @@
         </area>
     </header>
 
-    <datetime condition="strequal({recmenuorientation}, 'horizontal')">
+    <datetime orientation="horizontal">
         <!-- horizontal menu -->
         <area x="70%" y="0" width="15%" height="10%" layer="2">
             <drawtext align="right" y="5%" font="{light}" fontsize="50%" color="{clrWhite}" text="{dayname}" />
@@ -33,7 +33,7 @@
         </area>
     </datetime>
 
-    <sortmode condition="strequal({recmenuorientation}, 'horizontal')">
+    <sortmode orientation="horizontal">
         <!-- horizontal menu -->
         <area x="60%" y="2%" width="6%" height="6%" layer="4">
             <drawimage condition="{sortnumber}" imagetype="icon" path="ico_sort_number" x="0" y="0" width="100%" height="100%"/>
@@ -43,13 +43,13 @@
         </area>
     </sortmode>
 
-    <menuitems condition="strequal({recmenuorientation}, 'vertical')" 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="16">
         <listelement>
             <!-- Background -->
             <area x="1%" width="58%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
+                <fill condition="{folder}" color="{clrSemiTransBlack}" />
                 <fill condition="{current}" color="{clrTransBlueLight}" />
-                <fill condition="{separator}" color="{clrSemiTransBlack}" />
             </area>
             <!-- recording folder -->
             <area condition="{folder}" x="1%" width="58%" layer="2">
@@ -65,7 +65,7 @@
                 <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
             </area>
         </listelement>
-        <currentelement delay="500" fadetime="0">
+        <currentelement fadetime="300">
             <area x="63%" y="0" width="36%" height="100%" layer="2">
                 <!-- header -->
                 <drawtext name="title" x="1%" y="0" width="98%" font="{semibold}" fontsize="8%" color="{clrWhite}" text="{epgname}" />
@@ -80,27 +80,27 @@
         </currentelement>
     </menuitems>
 
-    <menuitems condition="strequal({recmenuorientation}, 'horizontal')" x="0" y="10%" orientation="horizontal" width="100%" height="82%" align="center" numlistelements="10">
+    <menuitems x="0" y="10%" orientation="horizontal" width="100%" height="82%" align="center" numlistelements="10">
         <listelement>
             <!-- Background -->
             <area y="64%" height="36%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
+                <fill condition="{folder}" color="{clrSemiTransBlack}" />
                 <fill condition="{current}" color="{clrTransBlueLight}" />
-                <fill condition="{separator}" color="{clrSemiTransBlack}" />
             </area>
             <!-- recording folder -->
             <area condition="{folder}" y="64%" height="36%" layer="3">
                 <drawimage name="foldericon" imagetype="icon" path="ico_recfolder" align="center" y="0" width="0.6*{areaheight} * 92 / 136" height="0.6*{areaheight}" />
-                <drawtextbox align="center" valign="center" maxlines="3" x="1%" y="63%" width="98%" height="37%" font="{light}" fontsize="12%" color="{clrWhite}" text="{name} ({numrecordingsfolder}, {newrecordingsfolder} new)" />
+                <drawtextbox align="center" maxlines="3" x="1%" y="63%" width="98%" height="37%" font="{light}" fontsize="12%" color="{clrWhite}" text="{name} ({numrecordingsfolder}, {newrecordingsfolder} new)" />
             </area>
             <!-- recording item -->
             <area condition="not{folder}" y="64%" height="36%" layer="3">
-                <drawimage condition="{hasposterthumbnail}" imagetype="image" path="{thumbnailpath}" align="center" y="8" width="{areaheight}*0.6 * {thumbnailbwidth} / {thumbnailheight}" height="{areaheight}*0.6"/>
-                <drawimage condition="not{hasposterthumbnail}" imagetype="icon" path="ico_recording" align="center" y="8" width="{areaheight}*0.5 * {thumbnailbwidth} / {thumbnailheight}" height="{areaheight}*0.6"/>
-                <drawtextbox align="center" valign="center" maxlines="3" x="1%" y="63%" width="98%" height="37%" font="{light}" fontsize="12%" color="{clrWhite}" text="{name}" />
+                <drawimage condition="{hasposterthumbnail}" imagetype="image" path="{thumbnailpath}" align="center" y="8" width="{areaheight}*0.6 * {thumbnailwidth} / {thumbnailheight}" height="{areaheight}*0.6"/>
+                <drawimage condition="not{hasposterthumbnail}" imagetype="icon" path="ico_recording" align="center" y="8" width="{areaheight}*0.5 * {thumbnailwidth} / {thumbnailheight}" height="{areaheight}*0.6"/>
+                <drawtextbox align="center" maxlines="3" x="1%" y="63%" width="98%" height="37%" font="{light}" fontsize="12%" color="{clrWhite}" text="{name}" />
             </area>
         </listelement>
-        <currentelement delay="500" fadetime="0">
+        <currentelement fadetime="300">
             <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%"/>
@@ -119,23 +119,23 @@
         </currentelement>
     </menuitems>
 
-    <scrollbar condition="strequal({recmenuorientation}, 'vertical')">
-        <area x="60%" y="10%" width="2%" height="82%" layer="3">
+    <scrollbar orientation="horizontal">
+        <area x="0" y="{areaheight}*0.6" width="100%" height="{areaheight}*0.025" layer="3">
             <fill color="{clrWhite}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4 + {areawidth} * {offset} / 1000" y="4" width="{areawidth} * {height} / 1000 - 8" height="{areaheight} - 8" color="{clrWhite}" />
         </area>
     </scrollbar>
 
-    <scrollbar condition="strequal({recmenuorientation}, 'horizontal')">
-        <area x="0" y="{areaheight}*0.6" width="100%" height="{areaheight}*0.025" layer="3">
+    <scrollbar orientation="vertical">
+        <area x="60%" y="10%" width="2%" height="82%" layer="3">
             <fill color="{clrWhite}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4 + {areawidth} * {offset} / 1000" y="4" width="{areawidth} * {height} / 1000 - 8" height="{areaheight} - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
         </area>
     </scrollbar>
 
-    <colorbuttons condition="strequal({recmenuorientation}, 'horizontal')">
+    <colorbuttons orientation="horizontal">
         <!-- horizontal menu -->
         <area x="0" y="92%" width="25%" height="8%" layer="2">
             <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
diff --git a/skins/metrixhd/xmlfiles/displaymenuschedules.xml b/skins/metrixhd/xmlfiles/displaymenuschedules.xml
index b32ea99..a592e76 100644
--- a/skins/metrixhd/xmlfiles/displaymenuschedules.xml
+++ b/skins/metrixhd/xmlfiles/displaymenuschedules.xml
@@ -21,7 +21,7 @@
                 <areascroll condition="not{running}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" layer="3">
                     <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{start} {title}" />
                 </areascroll>
-                <areascroll condition="{running}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" width="48%" layer="3">
+                <areascroll condition="{running}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" width="80%" layer="3">
                     <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{start} {title}" />
                 </areascroll>
                 <area layer="3">
@@ -88,8 +88,8 @@
                 <drawtext x="20" valign="center" font="{light}" fontsize="95%" color="{clrBlueLight}" text="{title}" />
             </area>
         </listelement>
-        <currentelement delay="500" fadetime="0">
-            <area condition="{whatson}" x="63%" y="0" width="36%" height="100%" layer="2">
+        <currentelement fadetime="300">
+            <area condition="{whatson}" x="63%" y="0" width="36%" height="100%" layer="5">
                 <!-- title -->
                 <drawtext align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="8%" color="{clrWhite}" text="{title}" />
                 <!-- progress bar if event is running -->
@@ -103,7 +103,7 @@
                 <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="{clrWhite}" text="{description}" />
-                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/20" color="{clrWhite}" text="{description}" />
+                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="{areawidth} - 20" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/20" color="{clrWhite}" text="{description}" />
             </area>
             <areacontainer condition="{whatsonnow}||{whatsonnext}">
                 <area x="63%" y="0" width="36%" height="85%" layer="2">
@@ -132,11 +132,4 @@
         </currentelement>
     </menuitems>
     
-    <scrollbar>
-        <area x="60%" y="10%" width="2%" height="82%" layer="3">
-            <fill color="{clrWhite}" />
-            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
-        </area>
-    </scrollbar>
 </menuschedules>
diff --git a/skins/metrixhd/xmlfiles/displaymenusetup.xml b/skins/metrixhd/xmlfiles/displaymenusetup.xml
index 4e2ae0f..0bd8aa2 100644
--- a/skins/metrixhd/xmlfiles/displaymenusetup.xml
+++ b/skins/metrixhd/xmlfiles/displaymenusetup.xml
@@ -54,7 +54,7 @@
                 <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="90%" color="{clrWhite}" text="{number} {label}" />
             </areascroll>
         </listelement>
-        <currentelement delay="50" fadetime="0">
+        <currentelement fadetime="300">
             <area x="61%" y="30%" width="37%" height="36%" layer="2">
                 <fill color="{clrTransBlueLight}" />
             </area>
diff --git a/skins/metrixhd/xmlfiles/displaymenutimers.xml b/skins/metrixhd/xmlfiles/displaymenutimers.xml
index b9be696..7d65f64 100644
--- a/skins/metrixhd/xmlfiles/displaymenutimers.xml
+++ b/skins/metrixhd/xmlfiles/displaymenutimers.xml
@@ -15,7 +15,7 @@
                 <drawtext name="timertext" x="10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{dayname} {day}. {timerstart} - {timerstop}: {title}" />
             </areascroll>
         </listelement>
-        <currentelement delay="500" fadetime="0">
+        <currentelement fadetime="300">
             <area x="63%" y="0" width="36%" height="15%" layer="2">
                 <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="10" y="0" width="30%" height="100%" />
                 <drawtext name="channum" x="{width(logo)} + 20" y="{areaheight}/6" width="{areawidth} - {width(logo)} - 30" font="{light}" fontsize="40%" color="{clrWhite}" text="Channel No. {channelnumber}" />
diff --git a/skins/metrixhd/xmlfiles/displaymessage.xml b/skins/metrixhd/xmlfiles/displaymessage.xml
index 1ab2bd5..04be966 100644
--- a/skins/metrixhd/xmlfiles/displaymessage.xml
+++ b/skins/metrixhd/xmlfiles/displaymessage.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>

 <!DOCTYPE displaymessage SYSTEM "../../../dtd/displaymessage.dtd">

 

-<displaymessage x="5%" y="80%" width="90%" height="15%" shifttime="{fadetime}" shifttype="bottom" shiftmode="slowed">

+<displaymessage x="5%" y="80%" width="90%" height="15%" fadetime="{fadetime}" shifttime="{shifttimechannel}" shifttype="bottom" shiftmode="slowed">

     <background>

         <area x="0" y="0" width="100%" height="100%" layer="1">

             <fill color="{clrTransBlack}" />

diff --git a/skins/metrixhd/xmlfiles/displayreplay.xml b/skins/metrixhd/xmlfiles/displayreplay.xml
index d2fa71b..4842c39 100644
--- a/skins/metrixhd/xmlfiles/displayreplay.xml
+++ b/skins/metrixhd/xmlfiles/displayreplay.xml
@@ -1,17 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE displayreplay SYSTEM "../../../dtd/displayreplay.dtd">
 
-<displayreplay x="0" y="0" width="100%" height="100%" fadetime="{fadetime}">
+<displayreplay x="0" y="0" width="100%" height="100%" fadetime="{fadetime}" shifttime="{shifttimechannel}" shifttype="bottom" shiftmode="slowed">
     <background>
         <!-- background infobar -->
         <area x="0" y="80%" width="100%" height="20%" layer="1">
             <fill color="{clrTransBlack}" />
         </area>
-        <!-- background datetime -->
-        <area x="70%" y="0" width="30%" height="13%" layer="1">
-            <fill color="{clrTransBlack}" />
-            <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
-        </area>
     </background>
 
     <backgroundmodeonly>
@@ -21,7 +16,11 @@
         </area>
     </backgroundmodeonly>
 
-    <datetime>
+    <datetime shifttime="0">
+        <area x="70%" y="0" width="30%" height="13%" layer="1">
+            <fill color="{clrTransBlack}" />
+            <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
+        </area>
         <area x="70%" y="0" width="13%" height="13%" layer="2">
             <drawtext align="right" y="0" font="{light}" fontsize="50%" color="{clrWhite}" text="{dayname}" />
             <drawtext align="right" y="48%" font="{light}" fontsize="50%" color="{clrWhite}" text="{day}. {monthnameshort}" />
@@ -31,7 +30,7 @@
         </area>
     </datetime>
 
-    <scrapercontent>
+    <scrapercontent shifttime="0">
         <area condition="{isbanner}" x="0" y="0" width="{areaheight}*0.13*{mediawidth}/{mediaheight}" height="13%" layer="2">
             <drawimage imagetype="image" path="{mediapath}" align="center" valign="center"  width="{areawidth}" height="{areaheight}"/>
         </area>
@@ -183,13 +182,13 @@
         </area>
     </jump>
 
-    <onpause delay="60" fadetime="{fadeTime}">
+    <onpause delay="30" fadetime="{fadetime}">
         <area x="0" y="0" width="100%" height="100%" layer="7">
             <fill color="{clrSemiTransBlack}" />
         </area>
     </onpause>
 
-    <onpausemodeonly delay="20" fadetime="{fadeTime}">
+    <onpausemodeonly delay="20" fadetime="{fadetime}">
         <area x="0" y="0" width="100%" height="100%" layer="7">
             <fill color="{clrSemiTransBlack}" />
         </area>
diff --git a/skins/metrixhd/xmlfiles/displayvolume.xml b/skins/metrixhd/xmlfiles/displayvolume.xml
index db78bde..814bacd 100644
--- a/skins/metrixhd/xmlfiles/displayvolume.xml
+++ b/skins/metrixhd/xmlfiles/displayvolume.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE displayvolume SYSTEM "../../../dtd/displayvolume.dtd">
 
-<displayvolume x="20%" y="75%" width="60%" height="20%" shifttime="{fadetime}" shifttype="bottom" shiftmode="slowed">
+<displayvolume x="20%" y="75%" width="60%" height="20%" fadetime="{fadetime}">
     <background>
         <area x="0" y="0" width="100%" height="100%" layer="1">
             <fill color="{clrTransBlack}" />
diff --git a/skins/metrixhd/xmlfiles/plug-tvguideng-recmenu.xml b/skins/metrixhd/xmlfiles/plug-tvguideng-recmenu.xml
index 058f1f5..21ae64c 100644
--- a/skins/metrixhd/xmlfiles/plug-tvguideng-recmenu.xml
+++ b/skins/metrixhd/xmlfiles/plug-tvguideng-recmenu.xml
@@ -60,17 +60,17 @@
         </areacontainer>
         <area condition="{intselector}" layer="6">
             <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
-            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{value} " />
+            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{stringvalue} " />
         </area>
         <area condition="{boolselector}" layer="6">
             <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
-            <drawimage condition="{value}" imagetype="icon" path="ico_yes" x="{areawidth} - {areaheight}*0.8" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
-            <drawimage condition="not{value}" imagetype="icon" path="ico_no" x="{areawidth} - {areaheight}*0.8" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
+            <drawimage condition="{intvalue}" imagetype="icon" path="ico_yes" x="{areawidth} - {areaheight}*0.8" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
+            <drawimage condition="not{intvalue}" imagetype="icon" path="ico_no" x="{areawidth} - {areaheight}*0.8" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
         </area>
         <area condition="{stringselector}" layer="6">
             <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
             <drawimage imagetype="icon" path="ico_arrow_right" x="{areawidth} - {areaheight}*0.8" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
-            <drawtext name="value" x="{areawidth} - {width(value)} - {areaheight}" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{value}" />
+            <drawtext name="value" x="{areawidth} - {width(value)} - {areaheight}" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{stringvalue}" />
             <drawimage imagetype="icon" path="ico_arrow_left" x="{areawidth} - {width(value)} - 2*{areaheight}" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
         </area>
         <areacontainer condition="{textinput}">
@@ -80,16 +80,16 @@
                 <drawrectangle condition="{editmode}" x="1%" y="55%" width="98%" height="40%" color="{clrRed}"/>
             </area>
             <area layer="7">
-                <drawtext align="right" y="55%" font="{light}" fontsize="40%" color="{clrBlack}" text="{value} " />
+                <drawtext align="right" y="55%" font="{light}" fontsize="40%" color="{clrBlack}" text="{stringvalue} " />
             </area>
         </areacontainer>
         <area condition="{timeselector}" layer="6">
             <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
-            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{value} " />
+            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{stringvalue} " />
         </area>
         <area condition="{dayselector}" layer="6">
             <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
-            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{value} " />
+            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{stringvalue} " />
         </area>
         <area condition="{channelselector}" layer="6">
             <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
@@ -176,7 +176,7 @@
                 <drawimage condition="not{current}||not{editactive}" imagetype="icon" path="ico_edit_inactive" x="{areaheight}*1.15" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
                 <drawimage condition="{current}++{searchactive}" imagetype="icon" path="ico_search_active" x="{areaheight}*1.7" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
                 <drawimage condition="not{current}||not{searchactive}" imagetype="icon" path="ico_search_inactive" x="{areaheight}*1.7" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
-                <drawtext x="{areaheight}*2.3" width="{areawidth}*0.7 - {areaheight}*2.4" y="0" font="{regular}" fontsize="40%" color="{clrWhite}" text="{timertitle}" />
+                <drawtext x="{areaheight}*2.3" width="{areawidth}*0.7 - {areaheight}*2.4" y="0" font="{light}" fontsize="40%" color="{clrWhite}" text="{timertitle}" />
                 <drawtext x="{areaheight}*2.3" y="40%" font="{light}" fontsize="30%" color="{clrWhite}" text="{weekday} {date} {starttime} - {stoptime}" />
                 <drawtext x="{areaheight}*2.3" y="70%" font="{light}" fontsize="30%" color="{clrWhite}" text="{channelname}, Transp. {transponder}" />
                 <drawrectangle x="70%" y="0" width="30%" height="100%" color="{clrWhite}"/>
@@ -191,7 +191,7 @@
             <drawimage condition="not{current}" imagetype="icon" path="ico_info_inactive" x="{areaheight}*0.05" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
             <drawimage condition="{channellogoexisis}" imagetype="channellogo" path="{channelid}" x="{areaheight}*0.8" valign="center" width="{areaheight}" height="{areaheight}" />
             <drawtext x="{areaheight}*2.2" y="2" font="{light}" fontsize="30%" color="{clrWhite}" text="{weekday} {date} {starttime} - {stoptime} {channelname}" />
-            <drawtext x="{areaheight}*2.2" y="30%" width="{areawidth} - 3*{areaheight}" font="{regular}" fontsize="45%" color="{clrWhite}" text="{title}" />
+            <drawtext x="{areaheight}*2.2" y="30%" width="{areawidth} - 3*{areaheight}" font="{light}" fontsize="45%" color="{clrWhite}" text="{title}" />
             <drawtext x="{areaheight}*2.2" y="69%" width="{areawidth} - 3*{areaheight}" font="{light}" fontsize="30%" color="{clrWhite}" text="{shorttext}" />
             <drawimage condition="{current}++not{hastimer}" imagetype="icon" path="ico_record_active" x="{areawidth} - {areaheight}*0.6" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
             <drawimage condition="not{current}++not{hastimer}" imagetype="icon" path="ico_record_inactive" x="{areawidth} - {areaheight}*0.6" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
@@ -208,13 +208,13 @@
             <drawimage condition="not{current}||not{editactive}" imagetype="icon" path="ico_edit_inactive" x="{areaheight}*0.6" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
             <drawimage condition="{current}++{deleteactive}" imagetype="icon" path="ico_delete_active" x="{areaheight}*1.15" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
             <drawimage condition="not{current}||not{deleteactive}" imagetype="icon" path="ico_delete_inactive" x="{areaheight}*1.15" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
-            <drawtext x="{areaheight}*1.8" width="{areawidth} - {areaheight}*2" y="5%" font="{regular}" fontsize="45%" color="{clrWhite}" text="{searchstring}" />
-            <drawtext condition="{timeractive}" align="right" y="5%" font="{regular}" fontsize="35%" color="{clrWhite}" text="active " />
+            <drawtext x="{areaheight}*1.8" width="{areawidth} - {areaheight}*2" y="5%" font="{light}" fontsize="45%" color="{clrWhite}" text="{searchstring}" />
+            <drawtext condition="{timeractive}" align="right" y="5%" font="{light}" fontsize="35%" color="{clrWhite}" text="active " />
             <drawtext x="{areaheight}*1.8" y="55%" font="{light}" fontsize="35%" color="{clrWhite}" text="Active Timers: {activetimers}, Recordings: {recordingsdone}" />
         </area>
         <areacontainer condition="{timelineheader}">
             <area layer="5">
-                <drawtext align="center" y="1%" font="{regular}" fontsize="35%" color="{clrWhite}" text="Timer for {date}" />
+                <drawtext align="center" y="1%" font="{light}" fontsize="35%" color="{clrWhite}" text="Timer for {date}" />
                 <drawrectangle x="{areawidth}*0.05" y="80%" width="{areawidth}*0.0375" height="20%" color="{clrBlack}"/>
                 <drawrectangle x="{areawidth}*0.0875" y="80%" width="{areawidth}*0.0375" height="20%" color="{clrWhite}"/>
                 <drawrectangle x="{areawidth}*0.125" y="80%" width="{areawidth}*0.0375" height="20%" color="{clrBlack}"/>
@@ -241,30 +241,30 @@
                 <drawrectangle x="{areawidth}*0.9125" y="80%" width="{areawidth}*0.0375" height="20%" color="{clrWhite}"/>
             </area>
             <area layer="6">
-                <drawtext name="text0" x="{areawidth}*0.05 + {areawidth}*0.0375/2 - {width(text0)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="0"/>
-                <drawtext name="text1" x="{areawidth}*0.0875 + {areawidth}*0.0375/2 - {width(text1)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="1"/>
-                <drawtext name="text2" x="{areawidth}*0.125 + {areawidth}*0.0375/2 - {width(text2)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="2"/>
-                <drawtext name="text3" x="{areawidth}*0.1625 + {areawidth}*0.0375/2 - {width(text3)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="3"/>
-                <drawtext name="text4" x="{areawidth}*0.2 + {areawidth}*0.0375/2 - {width(text4)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="4"/>
-                <drawtext name="text5" x="{areawidth}*0.2375 + {areawidth}*0.0375/2 - {width(text5)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="5"/>
-                <drawtext name="text6" x="{areawidth}*0.275 + {areawidth}*0.0375/2 - {width(text6)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="6"/>
-                <drawtext name="text7" x="{areawidth}*0.3125 + {areawidth}*0.0375/2 - {width(text7)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="7"/>
-                <drawtext name="text8" x="{areawidth}*0.35 + {areawidth}*0.0375/2 - {width(text8)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="8"/>
-                <drawtext name="text9" x="{areawidth}*0.3875 + {areawidth}*0.0375/2 - {width(text9)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="9"/>
-                <drawtext name="text10" x="{areawidth}*0.425 + {areawidth}*0.0375/2 - {width(text10)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="10"/>
-                <drawtext name="text11" x="{areawidth}*0.4625 + {areawidth}*0.0375/2 - {width(text11)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="11"/>
-                <drawtext name="text12" x="{areawidth}*0.5 + {areawidth}*0.0375/2 - {width(text12)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="12"/>
-                <drawtext name="text13" x="{areawidth}*0.5375 + {areawidth}*0.0375/2 - {width(text13)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="13"/>
-                <drawtext name="text14" x="{areawidth}*0.575 + {areawidth}*0.0375/2 - {width(text14)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="14"/>
-                <drawtext name="text15" x="{areawidth}*0.6125 + {areawidth}*0.0375/2 - {width(text15)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="15"/>
-                <drawtext name="text16" x="{areawidth}*0.65 + {areawidth}*0.0375/2 - {width(text16)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="16"/>
-                <drawtext name="text17" x="{areawidth}*0.6875 + {areawidth}*0.0375/2 - {width(text17)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="17"/>
-                <drawtext name="text18" x="{areawidth}*0.725 + {areawidth}*0.0375/2 - {width(text18)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="18"/>
-                <drawtext name="text19" x="{areawidth}*0.7625 + {areawidth}*0.0375/2 - {width(text19)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="19"/>
-                <drawtext name="text20" x="{areawidth}*0.8 + {areawidth}*0.0375/2 - {width(text20)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="20"/>
-                <drawtext name="text21" x="{areawidth}*0.8375 + {areawidth}*0.0375/2 - {width(text21)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="21"/>
-                <drawtext name="text22" x="{areawidth}*0.875 + {areawidth}*0.0375/2 - {width(text22)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrWhite}" text="22"/>
-                <drawtext name="text23" x="{areawidth}*0.9125 + {areawidth}*0.0375/2 - {width(text23)}/2" y="80%" font="{regular}" fontsize="20%" color="{clrBlack}" text="23"/>
+                <drawtext name="text0" x="{areawidth}*0.05 + {areawidth}*0.0375/2 - {width(text0)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="0"/>
+                <drawtext name="text1" x="{areawidth}*0.0875 + {areawidth}*0.0375/2 - {width(text1)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="1"/>
+                <drawtext name="text2" x="{areawidth}*0.125 + {areawidth}*0.0375/2 - {width(text2)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="2"/>
+                <drawtext name="text3" x="{areawidth}*0.1625 + {areawidth}*0.0375/2 - {width(text3)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="3"/>
+                <drawtext name="text4" x="{areawidth}*0.2 + {areawidth}*0.0375/2 - {width(text4)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="4"/>
+                <drawtext name="text5" x="{areawidth}*0.2375 + {areawidth}*0.0375/2 - {width(text5)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="5"/>
+                <drawtext name="text6" x="{areawidth}*0.275 + {areawidth}*0.0375/2 - {width(text6)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="6"/>
+                <drawtext name="text7" x="{areawidth}*0.3125 + {areawidth}*0.0375/2 - {width(text7)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="7"/>
+                <drawtext name="text8" x="{areawidth}*0.35 + {areawidth}*0.0375/2 - {width(text8)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="8"/>
+                <drawtext name="text9" x="{areawidth}*0.3875 + {areawidth}*0.0375/2 - {width(text9)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="9"/>
+                <drawtext name="text10" x="{areawidth}*0.425 + {areawidth}*0.0375/2 - {width(text10)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="10"/>
+                <drawtext name="text11" x="{areawidth}*0.4625 + {areawidth}*0.0375/2 - {width(text11)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="11"/>
+                <drawtext name="text12" x="{areawidth}*0.5 + {areawidth}*0.0375/2 - {width(text12)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="12"/>
+                <drawtext name="text13" x="{areawidth}*0.5375 + {areawidth}*0.0375/2 - {width(text13)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="13"/>
+                <drawtext name="text14" x="{areawidth}*0.575 + {areawidth}*0.0375/2 - {width(text14)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="14"/>
+                <drawtext name="text15" x="{areawidth}*0.6125 + {areawidth}*0.0375/2 - {width(text15)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="15"/>
+                <drawtext name="text16" x="{areawidth}*0.65 + {areawidth}*0.0375/2 - {width(text16)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="16"/>
+                <drawtext name="text17" x="{areawidth}*0.6875 + {areawidth}*0.0375/2 - {width(text17)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="17"/>
+                <drawtext name="text18" x="{areawidth}*0.725 + {areawidth}*0.0375/2 - {width(text18)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="18"/>
+                <drawtext name="text19" x="{areawidth}*0.7625 + {areawidth}*0.0375/2 - {width(text19)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="19"/>
+                <drawtext name="text20" x="{areawidth}*0.8 + {areawidth}*0.0375/2 - {width(text20)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="20"/>
+                <drawtext name="text21" x="{areawidth}*0.8375 + {areawidth}*0.0375/2 - {width(text21)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="21"/>
+                <drawtext name="text22" x="{areawidth}*0.875 + {areawidth}*0.0375/2 - {width(text22)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="22"/>
+                <drawtext name="text23" x="{areawidth}*0.9125 + {areawidth}*0.0375/2 - {width(text23)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="23"/>
             </area>
             <area condition="{timerset}" layer="6">
                  <drawimage condition="{channellogoexisis}" imagetype="channellogo" path="{channelid}" x="1%" y="30%" width="{areaheight}*0.5" height="{areaheight}*0.5" />
@@ -280,7 +280,7 @@
                 <drawrectangle x="5%" y="{areaheight}-1" width="90%" height="1" color="{clrBlack}"/>
             </area>
             <area layer="6">
-                <drawrectangle x="{areawidth}*0.05 + {timerstart}*{areawidth}*0.9/1000" y="25%" width="{timerwidth}*{areawidth}*0.9/1000" height="50%" color="{clrBlack}"/>
+                <drawrectangle x="{areawidth}*0.05 + {timerstart}*{areawidth}*0.9/1000" y="25%" width="{timerwidth}*{areawidth}*0.9/1000" height="50%" color="{clrWhite}"/>
             </area>
         </areacontainer>
         <area condition="{favorite}" layer="6">
diff --git a/skins/metrixhd/xmlfiles/plug-tvguideng-root.xml b/skins/metrixhd/xmlfiles/plug-tvguideng-root.xml
index 442c921..9914a80 100644
--- a/skins/metrixhd/xmlfiles/plug-tvguideng-root.xml
+++ b/skins/metrixhd/xmlfiles/plug-tvguideng-root.xml
@@ -30,8 +30,8 @@
     <viewelement name="header_hor">
         <areascroll condition="not{isdummy}++not{hasposter}" orientation="vertical" mode="forthandback" delay="1000" scrollspeed="medium" x="1%" y="1%" width="68%" height="19%" layer="2">
             <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="25%" color="{clrWhite}" text="{day} {daynumeric}.{month} {start} - {stop}" />
-            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="30%" color="{clrWhite}" text="{title}" />
-            <drawtextbox name="shorttext" x="0" y="50%" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{shorttext}" />
+            <drawtext x="0" y="25%" font="{semibold}" width="100%" fontsize="30%" color="{clrWhite}" text="{title}" />
+            <drawtextbox name="shorttext" x="0" y="55%" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{shorttext}" />
             <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)} - {areaheight}*0.15" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{description}" />
         </areascroll>
         <area condition="not{isdummy}++{hasposter}" x="1%" y="1%" width="{areaheight}*0.2*{posterwidth}/{posterheight}" height="19%" layer="2">
@@ -282,7 +282,7 @@
             <drawtext condition="not{dummy}" x="3" y="2%" font="{light}" fontsize="{areawidth}*0.16" color="{clrWhite}" text="{start} - {stop}" />
             <drawtextbox name="title" condition="not{dummy}" x="2%" y="{areawidth}*0.16" width="96%" font="{semibold}" fontsize="{areawidth}*0.15" color="{clrWhite}" text="{title}" />
             <drawtextbox condition="not{dummy}" x="2%" y="{posy(title)} + {height(title)} - {areawidth}*0.1" width="96%" height="{areaheight}*1.1 - {posy(title)} - {height(title)}" font="{light}" fontsize="{areawidth}*0.12" color="{clrWhite}" text="{shorttext}" />
-            <drawtextbox condition="{dummy}" x="2%" y="5%" width="96%" font="{regular}" fontsize="{areawidth}*0.2" color="{clrWhite}" text="{title}" />
+            <drawtextbox condition="{dummy}" x="2%" y="5%" width="96%" font="{light}" fontsize="{areawidth}*0.2" color="{clrWhite}" text="{title}" />
             <drawimage condition="{timer}" imagetype="icon" path="ico_rec_on" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
             <drawimage condition="{switchtimer}++not{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
             <drawimage condition="{switchtimer}++{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23*2 - 5" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3" />
diff --git a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecast.xml b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecast.xml
index 08b85ab..078353c 100644
--- a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecast.xml
+++ b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecast.xml
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE menuplugin SYSTEM "../../../dtd/displaymenuplugin.dtd">
 
-<menuplugin x="0" y="0" width="100%" height="100%" fadetime="0">
-    <background condition="eq({indexweathermenuorientation}, 1)">
+<menuplugin x="0" y="0" width="100%" height="100%" fadetime="0" orientation="{weathermenuorientation}">
+    <background orientation="vertical">
         <area x="0" y="0" width="50%" height="100%" layer="1">
             <fill color="{clrTransBlack}" />
         </area>
@@ -10,7 +10,7 @@
             <fill color="{clrTransBlueLight}" />
         </area>
     </background>
-    <background condition="eq({indexweathermenuorientation}, 0)">
+    <background orientation="horizontal">
         <area x="0" y="0" width="100%" height="10%" layer="1">
             <fill color="{clrTransBlack}" />
         </area>
@@ -42,7 +42,13 @@
         </area>
     </colorbuttons>
 
-    <menuitems condition="strequal({weathermenuorientation}, 'vertical')" x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="10">
+    <scrollbar>
+        <area x="0" y="0" width="1" height="1" layer="1">
+            <fill color="{clrTransparent}" />
+        </area>
+    </scrollbar>    
+
+    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="10">
         <listelement>
             <!-- Background -->
             <area x="1%" width="46%" layer="2">
@@ -53,7 +59,7 @@
                 <drawtext x="10" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{menuitemtext}" />
             </area>
         </listelement>
-        <currentelement delay="100" fadetime="0">
+        <currentelement delay="100" fadetime="300">
             <area condition="{iscurrent}" x="51%" y="0" width="48%" height="100%" layer="3">
                 <drawimage name="weathericon" imagetype="icon" path="{icon}" x="2%" y="0" width="{areawidth}*0.3" height="{areawidth}*0.3"/>
                 <drawtext align="right" y="0" font="{semibold}" fontsize="8%" color="{clrWhite}" text="{city}" />
@@ -88,7 +94,7 @@
             </area>
         </currentelement>
     </menuitems>
-    <menuitems condition="strequal({weathermenuorientation}, 'horizontal')" x="0" y="10%" orientation="horizontal" width="100%" height="90%" align="center" numlistelements="3">
+    <menuitems x="0" y="10%" orientation="horizontal" width="100%" height="90%" align="center" numlistelements="3">
         <listelement>
             <!-- Background -->
             <area y="80%" height="20%" layer="2">
@@ -99,7 +105,7 @@
                 <drawtextbox x="0" y="0" width="100%" height="100%" align="center" valign="center" font="{light}" fontsize="40%" color="{clrWhite}" text="{menuitemtext}" />
             </area>
         </listelement>
-        <currentelement delay="100" fadetime="0">
+        <currentelement debug="true" delay="100" fadetime="300">
             <area condition="{iscurrent}" x="10%" y="5%" width="80%" height="70%" layer="3">
                 <drawimage name="weathericon" imagetype="icon" path="{icon}" x="2%" y="0" width="{areaheight}*0.4" height="{areaheight}*0.4"/>
                 <drawtext align="right" y="0" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{city}" />
diff --git a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml
index 365abf7..52746ca 100644
--- a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml
+++ b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml
@@ -8,7 +8,7 @@
         </area>
     </background>
 
-     <header>
+    <header>
         <area x="0" y="0" width="1" height="1" layer="1">
             <fill color="{clrTransparent}" />
         </area>
diff --git a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml
index 802fa90..52f027d 100644
--- a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml
+++ b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml
@@ -48,8 +48,8 @@
 
     <tab name="current" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
        <drawtextbox name="summary" x="0" y="5%" width="{areawidth}" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{summary}" />
-       <drawrectangle x="0" y="{height(summary)}" width="{areawidth}" height="1" color="{clrWhite}" />
-       <loop name="daily" x="0" y="{height(summary)}" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/5">
+       <drawrectangle x="0" y="{posy(summary)} + {height(summary)} + 10" width="{areawidth}" height="1" color="{clrWhite}" />
+       <loop name="daily" x="0" y="{posy(summary)} + {height(summary)} + 10" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/5">
             <drawtext x="0" font="{semibold}" fontsize="9%" valign="center" color="{clrWhite}" text="{daily[dayname]} {daily[day]}" />
             <drawimage imagetype="icon" path="{daily[icon]}" x="2*{rowheight}" valign="center" width="{rowheight}*0.8" height="{rowheight}*0.8"/>
             <drawtext x="3.5*{rowheight}" font="{light}" fontsize="{rowheight}*0.3" y="0" color="{clrWhite}" text="{daily[temperaturemin]}°C - {daily[temperaturemax]}°C   ({tr(max)} {daily[temperaturemaxtime]}, {tr(min)} {daily[temperaturemintime]})" />
diff --git a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml
index 86670fa..e54551c 100644
--- a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml
+++ b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml
@@ -48,8 +48,8 @@
 
     <tab name="current" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
         <drawtextbox name="summary" x="0" y="5%" width="{areawidth}" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{summary}" />
-        <drawrectangle x="0" y="{height(summary)}" width="{areawidth}" height="1" color="{clrWhite}" />
-        <loop name="hourly" x="0" y="{height(summary)}" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/5">
+        <drawrectangle x="0" y="{posy(summary)} + {height(summary)} + 10" width="{areawidth}" height="1" color="{clrWhite}" />
+        <loop name="hourly" x="0" y="{posy(summary)} + {height(summary)} + 10" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/5">
             <drawtext x="0" font="{semibold}" fontsize="9%" valign="center" color="{clrWhite}" text="{hourly[timestamp]}" />
             <drawimage imagetype="icon" path="{hourly[icon]}" x="{rowheight}" valign="center" width="{rowheight}*0.8" height="{rowheight}*0.8"/>
             <drawtext name="temp" x="2*{rowheight} + 0.75*{rowheight} - {width(temp)}/2" font="{light}" fontsize="13%" y="0" color="{clrWhite}" text="{hourly[temperature]}°C" />