<menuchannels x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="33%" scaletvy="10%" scaletvwidth="65%" scaletvheight="80%">
    <scrollbar>
        <area x="30%" y="11%" width="2%" height="78%" layer="2">
            <fill color="{clrBorder}" />
            <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="{clrProgressbar}" />
        </area>
    </scrollbar>

    <menuitems x="{areawidth}*0.005" y="10%" orientation="vertical" width="99%" height="80%" align="center" numlistelements="10">
        <!-- Available Variables channels menu listelement:
        {number}                  number of the displayed channel
        {name}                    name of the displayed channel
        {channelid}               ChannelID as path to display channel logo
        {transponder}             Transponder of channel
        {frequency}               Frequency of channel
        {source}                  Source of channel (S, C, T)
        {sourcedescription}       Descriptin of source from sources.conf
        {position}                orbital position of the satellite in case this is a DVB-S source
        {isAtsc}                  true if channel is a ATSC channel
        {isCable}                 true if channel is cable channel
        {isSat}                   true if channel is a satellite channel
        {isTerr}                  true if channel is terrestrical
        {presenteventtitle}       title of present event on this channel
        {presenteventstart}       present event start time in hh::mm
        {presenteventstop}        present event event stop time in hh::mm
        {current}                 true if item is currently selected 
        {separator}               true if item is a list separator 
        -->
        <listelement>
            <!-- background and foreground-->
            <area x="0" width="28%" layer="2">
                <drawimage condition="not{current}" imagetype="skinpart" path="menubutton" x="0" y="1%" width="{areawidth}" height="{areaheight}*0.98"/>
                <drawimage condition="{current}" imagetype="skinpart" path="menubuttonactive" x="0" y="1%" width="{areawidth}" height="{areaheight}*0.98"/>
            </area>
            <!-- channel logo -->
            <area condition="not{separator}" x="5" width="6%" layer="3">
                <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
            </area>
            <!-- scrollable channel name -->
            <areascroll condition="not{separator}++not{current}" scrollelement="channelname" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" width="20%" layer="3">
                <drawtext name="channelname" x="0" y="5" font="{vdrOsd}" fontsize="50%" color="{clrFontMenuItem}" text="{number} {name}" />
            </areascroll>
            <areascroll condition="not{separator}++{current}" scrollelement="channelname" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" width="20%" layer="3">
                <drawtext name="channelname" x="0" y="5" font="{vdrOsd}" fontsize="50%" color="{clrFontMenuItemSelected}" text="{number} {name}" />
            </areascroll>
            <!-- channel information -->
            <area condition="not{separator}++not{current}" x="7%" width="20%" layer="3">
                <drawtext x="0" y="60%" font="{vdrOsd}" fontsize="30%" color="{clrFontMenuItem}" text="{sourcedescription}, {tr(transponder)} {transponder}" />
            </area>
            <area condition="not{separator}++{current}" x="7%" width="20%" layer="3">
                <drawtext x="0" y="60%" font="{vdrOsd}" fontsize="30%" color="{clrFontMenuItemSelected}" text="{sourcedescription}, {tr(transponder)} {transponder}" />
            </area>
            <!-- separator -->
            <area condition="{separator}" x="0" width="28%" layer="3">
                <drawimage name="sep" imagetype="icon" path="ico_channelsep" x="10" valign="center" width="{areaheight}-10" height="{areaheight}-10"/>
                <drawtext x="{width(sep)} + 20" valign="center" font="{vdrOsd}" fontsize="60%" color="{clrFontInactive}" text="{name}" />
            </area>
        </listelement>
        <!-- additional element which is drawn for current element -->
        <!-- Available Variables channels menu currentelement:
        {number}                        number of the displayed channel
        {name}                          name of the displayed channel
        {channelid}                     ChannelID as path to display channel logo
        {transponder}                   Transponder of channel
        {frequency}                     Frequency of channel
        {source}                        Source of channel (S, C, T)
        {sourcedescription}             Descriptin of source from sources.conf
        {position}                      orbital position of the satellite in case this is a DVB-S source
        {isAtsc}                        true if channel is a ATSC channel
        {isCable}                       true if channel is cable channel
        {isSat}                         true if channel is a satellite channel
        {isTerr}                        true if channel is terrestrical
        {presenteventtitle}             title of present event on this channel
        {presenteventstart}             present event start time in hh::mm
        {presenteventstop}              present event stop time in hh::mm
        {presenteventshorttext}         present event short text
        {presenteventdescription}       present event description
        {presenteventday}               present event name of day
        {presenteventdate}              present event date in dd:mm:yy
        {presenteventelapsed}           present event elapsed time
        {presenteventduration}          present event duration
        {hasposter}                     true if a scraped poster is available for this elements present evemt
        {posterwidth}                   width of scraped poster
        {posterheight}                  height of scraped poster
        {posterpath}                    absolute path of scraped poster
        {nexteventtitle}                title of next event on this channel
        {nexteventstart}                next event start time in hh::mm
        {nexteventstop}                 next event event stop time in hh::mm
        {nexteventshorttext}            next event short text
        {nexteventdescription}          next event description
        {nexteventday}                  next event name of day
        {nexteventdate}                 next event date in dd:mm:yy
        {nexteventdate}                 next event duration
        {schedule[]}                    array with following 10 schedules
        {schedule[title]}               title of event
        {schedule[shorttext]}           shorttext of event
        {schedule[start]}               start time of event in hh:mm
        {schedule[stop]}                stop time of event in hh:mm        
        -->
        <currentelement delay="500" fadetime="300">
            <area x="32%" y="2%" width="67%" height="96%" layer="2">
                <fill color="{clrTransBlack}" />
            </area>
            <area x="32%" y="2%" width="67%" height="76%" layer="2">
                <!-- Logo and Header -->
                <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="1%" y="1%" width="20%" height="15%" />
                <drawtext name="channelname" x="23%" y="{height(logo)} * 3 / 10" font="{vdrOsd}" fontsize="10%" color="{clrWhite}" text="{number} - {name}" />
                <drawtext x="23%" y="{posy(channelname)} + {height(channelname)}" font="{vdrOsd}" fontsize="7%" color="{clrWhite}" text="{sourcedescription}, {tr(transponder)} {transponder}" />
                <!-- NOW -->
                <drawtext name="headernow" x="1%" y="{posy(logo)} + {height(logo)} + 10" font="{vdrOsd}" fontsize="6%" color="{clrWhite}" text="{tr(now)}: {presenteventstart} - {presenteventstop}" />
                <drawtext name="titlenow" x="1%" y="{posy(headernow)} + {height(headernow)}" width="48%" font="{vdrOsd}" fontsize="6%" color="{clrWhite}" text="{presenteventtitle}" />
                <drawtextbox x="1%" y="{posy(titlenow)} + {height(titlenow)} + 10" width="48%" height="{areaheight} - {posy(titlenow)} - {height(titlenow)} - 10" font="{vdrOsd}" fontsize="5%" color="{clrWhite}" text="{presenteventshorttext}&#10;&#10;{presenteventdescription}" />
                <!-- NEXT -->
                <drawtext name="headernext" x="51%" y="{posy(logo)} + {height(logo)} + 10" font="{vdrOsd}" fontsize="6%" color="{clrWhite}" text="{tr(next)}: {nexteventstart} - {nexteventstop}" />
                <drawtext name="titlenext" x="51%" y="{posy(headernext)} + {height(headernext)}" width="48%" font="{vdrOsd}" fontsize="6%" color="{clrWhite}" text="{nexteventtitle}" />
                <drawtextbox x="51%" y="{posy(titlenext)} + {height(titlenext)} + 10" width="48%" height="{areaheight} - {posy(titlenext)} - {height(titlenext)} - 10" font="{vdrOsd}" fontsize="5%" color="{clrWhite}" text="{nexteventshorttext}&#10;&#10;{nexteventdescription}" />
            </area>
            <areascroll mode="forthandback" orientation="vertical" delay="1000" scrollspeed="medium" x="32%" y="78%" width="67%" height="20%" layer="2">
                <drawtext x="10" y="0" font="{semibold}" fontsize="20%" color="{clrWhite}" text="{tr(nextschedules)}:" />
                <loop name="schedule" x="0" y="{areaheight}/4 + 5" orientation="vertical">
                    <drawtext x="10" font="{vdrOsd}" width="{areawidth}-20" fontsize="19%" color="{clrWhite}" text="{schedule[start]} {schedule[title]}" />
                </loop>
            </areascroll>
        </currentelement>
    </menuitems>
</menuchannels>