version 0.3.00.3.0

1 files changed, 351 insertions, 30 deletions

diff --git a/skins/blackhole/xmlfiles/plug-tvguideng-root.xml b/skins/blackhole/xmlfiles/plug-tvguideng-root.xml
index 342af31..bb7fc94 100644
--- a/skins/blackhole/xmlfiles/plug-tvguideng-root.xml
+++ b/skins/blackhole/xmlfiles/plug-tvguideng-root.xml
@@ -1,45 +1,270 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE displayplugin SYSTEM "../../../dtd/displayplugin.dtd">
 
-<displayplugin x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="70%" scaletvy="0" scaletvwidth="30%" scaletvheight="15%">
+<displayplugin x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="0.625*{areawidth}" scaletvy="1%" scaletvwidth="18%" scaletvheight="18%">
 
-    <viewelement name="background">
-        <area x="0" y="20%" width="100%" height="65%" layer="1">
-            <fill color="{clrGray}" />
+    <viewelement name="background_hor">
+        <area x="0" y="0" width="100%" height="20%" layer="1">
+            <drawimage imagetype="skinpart" path="tvguideheader" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="5%" y="20%" width="8%" height="5%" layer="1">
+            <drawimage imagetype="skinpart" path="tvguide_timelinegrid_dark_hor" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="74%" y="0" width="26%" height="46%" layer="2">
+            <drawimage imagetype="skinpart" path="displaymenucorner" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="{areawidth}*0.865" y="{areawidth}*0.005" width="13%" height="{areawidth}*0.13" layer="3">
+            <drawimage imagetype="skinpart" path="watchback" x="0" y="0" width="100%" height="100%"/>
+        </area>
+    </viewelement>
+
+    <viewelement name="background_ver">
+        <area x="0" y="0" width="100%" height="20%" layer="1">
+            <drawimage imagetype="skinpart" path="tvguideheader" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="0" y="20%" width="8%" height="15%" layer="2">
+            <drawimage imagetype="skinpart" path="tvguide_timelinegrid_dark_ver" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="74%" y="0" width="26%" height="46%" layer="2">
+            <drawimage imagetype="skinpart" path="displaymenucorner" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="{areawidth}*0.865" y="{areawidth}*0.005" width="13%" height="{areawidth}*0.13" layer="3">
+            <drawimage imagetype="skinpart" path="watchback" x="0" y="0" width="100%" height="100%"/>
         </area>
     </viewelement>
 
+    <!-- Tokens available in Header
+    {isdummy}                 true if active element is a dummy element
+    {title}                   title of event of active grid
+    {shorttext}               shorttext of event of active grid
+    {description}             detailed description of event of active grid
+    {start}                   event start time in hh::mm
+    {stop}                    event stop time
+    {day}                     day of event of active grid
+    {date}                    date of  event  of active grid in dd.mm.yy
+    {daynumeric}              day as number
+    {month}                   month as number
+    {year}                    year as number
+    {running}                 true if event is currently running
+    {elapsed}                 elapsed time of event, if not running 0
+    {duration}                duration of event
+    {durationhours}           duration, full hours
+    {durationminutes}         duration, rest of minutes
+    {channelname}             Channel Name
+    {channelnumber}           Channel Number
+    {channelid}               ChannelID as path to display channel logo
+    {channellogoexists}       true if channel logo exists
+    {hasposter}               true if a scraped poster is available for this element
+    {posterwidth}             width of scraped poster
+    {posterheight}            height of scraped poster
+    {posterpath}              absolute path of scraped poster
+    -->
     <viewelement name="header">
-        <area x="0" y="0" width="70%" height="15%" layer="1">
-            <fill color="{clrRed}" />
+        <areascroll condition="not{isdummy}++not{hasposter}" orientation="vertical" mode="forthandback" delay="1000" scrollspeed="medium" x="1%" y="1%" width="58%" height="18%" layer="2">
+            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="20%" color="{clrWhite}" text="{day} {daynumeric}.{month} {start} - {stop}" />
+            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="25%" color="{clrWhite}" text="{title}" />
+            <drawtextbox name="shorttext" x="0" y="45%" width="100%" font="{regular}" fontsize="15%" color="{clrWhite}" text="{shorttext}" />
+            <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{regular}" fontsize="15%" color="{clrWhite}" text="{description}" />
+        </areascroll>
+        <area condition="not{isdummy}++{hasposter}" x="1%" y="1%" width="{areaheight}*0.18*{posterwidth}/{posterheight}" height="18%" layer="2">
+            <drawimage imagetype="image" path="{posterpath}" x="0" y="0" width="100%" height="100%"/>
         </area>
-        <area x="0" y="0" width="70%" height="20%" layer="2">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{headertext}" />
+        <areascroll condition="not{isdummy}++{hasposter}" orientation="vertical" mode="forthandback" delay="1000" scrollspeed="medium" x="12%" y="1%" width="46%" height="18%" layer="2">
+            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="20%" color="{clrWhite}" text="{day} {daynumeric}.{month} {start} - {stop}" />
+            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="25%" color="{clrWhite}" text="{title}" />
+            <drawtextbox name="shorttext" x="0" y="45%" width="100%" font="{regular}" fontsize="15%" color="{clrWhite}" text="{shorttext}" />
+            <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{regular}" fontsize="15%" color="{clrWhite}" text="{description}" />
+        </areascroll>
+        <area condition="{isdummy}" x="1%" y="1%" width="58%" height="18%" layer="2">
+            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="35%" color="{clrWhite}" text="{title}" />
         </area>
     </viewelement>
 
+    <!-- Available Variables Footer:
+    {red1}                    true if red button is button 1
+    {red2}                    true if red button is button 2
+    {red3}                    true if red button is button 3
+    {red4}                    true if red button is button 4
+    {green1}                  true if green button is button 1
+    {green2}                  true if green button is button 2
+    {green3}                  true if green button is button 3
+    {green4}                  true if green button is button 4
+    {yellow1}                 true if yellow button is button 1
+    {yellow2}                 true if yellow button is button 2
+    {yellow3}                 true if yellow button is button 3
+    {yellow4}                 true if yellow button is button 4
+    {blue1}                   true if blue button is button 1
+    {blue2}                   true if blue button is button 2
+    {blue3}                   true if blue button is button 3
+    {blue4}                   true if blue button is button 4
+    {red}                     label of red button
+    {green}                   label of green button
+    {yellow}                  label of yellow button
+    {blue}                    label of blue button
+    -->
     <viewelement name="footer">
-        <area x="0" y="85%" width="100%" height="15%" layer="1">
-            <fill color="{clrBlue}" />
+        <area condition="{red1}" x="0" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonred" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{red1}" x="0" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{red}" />
+        </area>
+        <area condition="{green1}" x="0" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttongreen" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{green1}" x="0" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{green}" />
+        </area>
+        <area condition="{yellow1}" x="0" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonyellow" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{yellow1}" x="0" y="90%" width="25%" height="10%" layer="4">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{yellow}" />
+        </area>
+        <area condition="{blue1}" x="0" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonblue" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{blue1}" x="0" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{blue}" />
+        </area>
+
+        <area condition="{red2}" x="25%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonred" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{red2}" x="25%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{red}" />
+        </area>
+        <area condition="{green2}" x="25%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttongreen" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{green2}" x="25%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{green}" />
+        </area>
+        <area condition="{yellow2}" x="25%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonyellow" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{yellow2}" x="25%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{yellow}" />
         </area>
-        <area x="0" y="85%" width="100%" height="15%" layer="2">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{clrWhite}" text="{footertext}" />
+        <area condition="{blue2}" x="25%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonblue" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{blue2}" x="25%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{blue}" />
+        </area>
+        
+        <area condition="{red3}" x="50%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonred" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{red3}" x="50%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{red}" />
+        </area>
+        <area condition="{green3}" x="50%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttongreen" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{green3}" x="50%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{green}" />
+        </area>
+        <area condition="{yellow3}" x="50%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonyellow" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{yellow3}" x="50%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{yellow}" />
+        </area>
+        <area condition="{blue3}" x="50%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonblue" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{blue3}" x="50%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{blue}" />
+        </area>
+        
+        <area condition="{red4}" x="75%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonred" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{red4}" x="75%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{red}" />
+        </area>
+        <area condition="{green4}" x="75%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttongreen" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{green4}" x="60%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{green}" />
+        </area>
+        <area condition="{yellow4}" x="75%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonyellow" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{yellow4}" x="75%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{yellow}" />
+        </area>
+        <area condition="{blue4}" x="75%" y="90%" width="25%" height="10%" layer="2">
+            <drawimage imagetype="skinpart" path="buttonblue" align="center" valign="center" width="90%" height="60%"/>
+        </area>
+        <area condition="{blue4}" x="75%" y="90%" width="25%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{blue}" />
         </area>
     </viewelement>
 
-    <viewelement name="datetimeline">
-        <area x="0" y="15%" width="15%" height="5%" layer="1">
-            <fill color="{clrBlack}" />
+    <!-- Available Variables time:
+    {time}                   timestring in hh:mm
+    {sec}                    current seconds
+    {min}                    current minutes
+    {hour}                   current hours
+    {hmins}                  current "hourminutes" to display an hour hand
+    -->
+    <viewelement name="time">
+        <area x="81%" y="0" width="7%" height="5%" layer="3">
+            <drawtext x="0" valign="center" font="{digital}" fontsize="90%" color="{clrWhite}" text="{time}" />
+        </area>
+        <area x="{areawidth}*0.865" y="{areawidth}*0.005" width="13%" height="{areawidth}*0.13" layer="4">
+            <drawimage imagetype="skinpart" path="watchhands/s_{sec}" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="{areawidth}*0.865" y="{areawidth}*0.005" width="13%" height="{areawidth}*0.13" layer="4">
+            <drawimage imagetype="skinpart" path="watchhands/m_{min}" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area x="{areawidth}*0.865" y="{areawidth}*0.005" width="13%" height="{areawidth}*0.13" layer="5">
+            <drawimage imagetype="skinpart" path="watchhands/h_{hmins}" x="0" y="0" width="100%" height="100%"/>
+        </area>
+    </viewelement>
+
+    <!-- Tokens available in datetimeline
+    {weekday}                weekday of current display
+    {date}                   date of current display
+    -->
+    <viewelement name="datetimeline_hor">
+        <area x="0" y="20%" width="13%" height="5%" layer="2">
+            <drawtext align="center" valign="center" font="{light}" fontsize="70%" color="{clrWhite}" text="{weekday} {date}" />
+        </area>
+    </viewelement>
+
+    <viewelement name="datetimeline_ver">
+        <area x="0" y="20%" width="8%" height="15%" layer="2">
+            <drawtext align="center" y="10%" font="{light}" fontsize="40%" color="{clrWhite}" text="{weekday}" />
+            <drawtext align="center" y="50%" font="{light}" fontsize="40%" color="{clrWhite}" text="{date}" />
+        </area>
+    </viewelement>
+
+    <!-- Tokens available in timeindicator
+    {percenttotal}            position of current time indicator in tenth of a percent of complete time shown
+    -->
+    <viewelement name="timeindicator_hor">
+        <area x="13%" y="20%" width="87%" height="70%" layer="3">
+            <drawrectangle x="{percenttotal}*{areawidth}/1000" y="0" width="1" height="100%" color="{clrRed}" />
         </area>
-        <area x="0" y="15%" width="15%" height="5%" layer="2">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="80%" color="{clrWhite}" text="{date}" />
+    </viewelement>
+
+    <viewelement name="timeindicator_ver">
+        <area x="0" y="35%" width="100%" height="55%" layer="3">
+            <drawrectangle x="0" y="{percenttotal}*{areaheight}/1000" width="100%" height="1" color="{clrRed}" />
         </area>
     </viewelement>
 
-    <grid debug="true" name="timeline" x="15%" y="15%" width="85%" height="5%">
+    <!-- Tokens available in timeline
+    {timestring}             time of grid in hh:mm
+    -->
+    <grid name="timeline_hor" x="13%" y="20%" width="87%" height="5%">
         <area layer="1">
-            <fill condition="{fullhour}" color="{clrWhite}" />
-            <fill condition="not{fullhour}" color="{clrBlack}" />
+            <drawimage condition="{fullhour}" imagetype="skinpart" path="tvguide_timelinegrid_bright_hor" x="0" y="0" width="100%" height="100%"/>
+            <drawimage condition="not{fullhour}" imagetype="skinpart" path="tvguide_timelinegrid_dark_hor" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area layer="2">
             <drawtext condition="{fullhour}" x="5%" valign="center" font="{light}" fontsize="80%" color="{clrBlack}" text="{timestring}" />
@@ -47,26 +272,122 @@
         </area>
     </grid>
 
-    <grid debug="true" name="channels" x="0" y="20%" width="15%" height="65%">
+    <grid name="timeline_ver" x="0" y="35%" width="8%" height="55%">
         <area layer="1">
-            <fill color="{clrYellow}" />
+            <drawimage condition="{fullhour}" imagetype="skinpart" path="tvguide_timelinegrid_bright_ver" x="0" y="0" width="100%" height="100%"/>
+            <drawimage condition="not{fullhour}" imagetype="skinpart" path="tvguide_timelinegrid_dark_ver" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area layer="2">
-            <drawtext x="1%" valign="center" width="98%" font="{light}" fontsize="40%" color="{clrWhite}" text="{number} {name}" />
+            <drawtext condition="{fullhour}" align="center" y="5%" font="{light}" fontsize="60%" color="{clrBlack}" text="{timestring}" />
+            <drawtext condition="not{fullhour}" align="center" y="5%" font="{light}" fontsize="60%" color="{clrWhite}" text="{timestring}" />
         </area>
     </grid>
 
-    <grid name="schedules" x="15%" y="20%" width="85%" height="65%">
+    <!-- Tokens available in channels
+    {name}                   name of channel
+    {number}                 number of channel
+    {channelid}              id of channel to display channel logo
+    {channellogoexists}       true if channel logo exists
+    -->
+    <grid name="channels_hor" x="5%" y="25%" width="8%" height="65%">
         <area layer="1">
-            <fill condition="{color}++not{current}" color="{clrBlue}" />
-            <fill condition="not{color}++not{current}" color="{clrGreen}" />
-            <fill condition="{current}" color="{clrRed}" />
+            <drawimage imagetype="skinpart" path="tvguide_grid_active_hor" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area layer="2">
-            <drawtext condition="not{dummy}" x="1%" y="5%" width="98%" font="{light}" fontsize="30%" color="{clrWhite}" text="{start} - {stop}" />
-            <drawtext condition="not{dummy}" x="1%" y="50%" width="98%" font="{light}" fontsize="30%" color="{clrWhite}" text="{title}" />
-            <drawtext condition="{dummy}" x="1%" valign="center" width="98%" font="{light}" fontsize="40%" color="{clrWhite}" text="{title}" />
+            <drawtext x="1%" valign="center" font="{light}" fontsize="45%" color="{clrWhite}" text="{number}" />
+            <drawimage condition="{channellogoexists}" imagetype="channellogo" path="{channelid}" x="19%" valign="center" width="80%" height="80%" />
+            <drawtext condition="not{channellogoexists}" x="19%" valign="center" width="94%" font="{light}" fontsize="45%" color="{clrWhite}" text="{name}" />
         </area>
     </grid>
 
+    <grid name="channels_ver" x="8%" y="25%" width="92%" height="10%">
+        <area layer="1">
+            <drawimage imagetype="skinpart" path="tvguide_grid_active_ver" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area layer="2">
+            <drawimage condition="{channellogoexists}" imagetype="channellogo" path="{channelid}" align="center" valign="center" width="80%" height="80%" />
+            <drawtext condition="not{channellogoexists}" align="center" valign="center" width="98%" font="{light}" fontsize="30%" color="{clrWhite}" text="{name}" />
+        </area>
+    </grid>
+
+    <!-- Tokens available in channelgroups
+    {color}                  alternates grid by grid from true to false
+    {group}                  name of channel group
+    -->
+    <grid name="channelgroups_hor" x="0" y="25%" width="5%" height="65%">
+        <area layer="1">
+            <drawimage condition="{color}" imagetype="skinpart" path="tvguide_grid_bright_ver" x="0" y="0" width="100%" height="100%"/>
+            <drawimage condition="not{color}" imagetype="skinpart" path="tvguide_grid_dark_ver" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area layer="2">
+            <drawtextvertical align="center" valign="center" font="{regular}" fontsize="50%" color="{clrWhite}" text="{group}" />
+        </area>
+    </grid>
+
+    <grid name="channelgroups_ver" x="8%" y="20%" width="92%" height="5%">
+        <area layer="1">
+            <drawimage condition="{color}" imagetype="skinpart" path="tvguide_grid_bright_hor" x="0" y="0" width="100%" height="100%"/>
+            <drawimage condition="not{color}" imagetype="skinpart" path="tvguide_grid_dark_hor" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area layer="2">
+            <drawtext align="center" valign="center" font="{regular}" fontsize="80%" color="{clrWhite}" text="{group}" />
+        </area>
+    </grid>
+
+    <!-- Tokens available in schedules
+    {color}                  alternates grid by grid from true to false
+    {dummy}                  true if grid is a dummy grid
+    {timer}                  true if a timer is set for the according event
+    {switchtimer}            true if a switchtimer is set for the according event
+    {title}                  title of grid 
+    {shorttext}              shorttext of grid 
+    {start}                  start time in hh:mm
+    {stop}                   stop time in hh:dd
+    -->
+    <grid name="schedules_hor" x="13%" y="25%" width="87%" height="65%">
+        <area layer="1">
+            <drawimage condition="{color}++not{current}" imagetype="skinpart" path="tvguide_grid_bright_hor" x="0" y="0" width="100%" height="100%"/>
+            <drawimage condition="not{color}++not{current}" imagetype="skinpart" path="tvguide_grid_dark_hor" x="0" y="0" width="100%" height="100%"/>
+            <drawimage condition="{current}" imagetype="skinpart" path="tvguide_grid_active_hor" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area layer="2">
+            <drawtext condition="not{dummy}" x="1%" y="2%" width="98%" font="{light}" fontsize="45%" color="{clrWhite}" text="{start} - {stop}" />
+            <drawtext condition="not{dummy}" x="1%" y="50%" width="98%" font="{regular}" fontsize="50%" color="{clrWhite}" text="{title}" />
+            <drawtext condition="{dummy}" x="1%" valign="center" width="98%" font="{regular}" fontsize="50%" color="{clrWhite}" text="{title}" />
+            <drawimage condition="{timer}" imagetype="icon" path="ico_rec_on" x="{areawidth} - {areaheight}*0.42" y="58%" width="{areaheight}*0.4" height="{areaheight}*0.4"/>
+            <drawimage condition="{switchtimer}++not{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.42" y="58%" width="{areaheight}*0.4" height="{areaheight}*0.4"/>
+            <drawimage condition="{switchtimer}++{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.84" y="58%" width="{areaheight}*0.4" height="{areaheight}*0.4"/>
+        </area>
+    </grid>
+
+    <grid name="schedules_ver" x="8%" y="35%" width="92%" height="55%">
+        <area layer="1">
+            <drawimage condition="{color}++not{current}" imagetype="skinpart" path="tvguide_grid_bright_ver" x="0" y="0" width="100%" height="100%"/>
+            <drawimage condition="not{color}++not{current}" imagetype="skinpart" path="tvguide_grid_dark_ver" x="0" y="0" width="100%" height="100%"/>
+            <drawimage condition="{current}" imagetype="skinpart" path="tvguide_grid_active_ver" x="0" y="0" width="100%" height="100%"/>
+        </area>
+        <area layer="2">
+            <drawtext condition="not{dummy}" x="2%" y="0" width="96%" 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="{regular}" 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}" />
+            <drawimage condition="{timer}" imagetype="icon" path="ico_rec_on" x="82%" y="{areaheight}-{areawidth}*0.18" width="15%" height="{areawidth}*0.15"/>
+            <drawimage condition="{switchtimer}++not{timer}" imagetype="icon" path="ico_switchtimer" x="82%" y="{areaheight}-{areawidth}*0.18" width="15%" height="{areawidth}*0.15"/>
+            <drawimage condition="{switchtimer}++{timer}" imagetype="icon" path="ico_switchtimer" x="65%" y="{areaheight}-{areawidth}*0.18" width="15%" height="{areawidth}*0.15"/>
+        </area>
+    </grid>
+
+    <!-- Tokens available in channeljump
+    {channel}                current user input for channel jump
+    -->
+    <viewelement name="channeljump">
+        <area x="40%" y="40%" width="20%" height="20%" layer="3">
+            <fill color="{clrBlack}" />
+        </area>
+        <area x="40%" y="40%" width="20%" height="20%" layer="4">
+            <drawtext align="center" y="10%" font="{bold}" fontsize="30%" color="{clrWhite}" text="Channel" />
+            <drawtext align="center" y="45%" font="{light}" fontsize="50%" color="{clrWhite}" text="{channel}" />
+        </area>
+    </viewelement>
+
 </displayplugin>