<menutimers x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="55%" scaletvy="10%" scaletvwidth="40%" scaletvheight="40%" >

    <scrollbar>
        <area x="52%" y="10%" width="2%" height="80%" layer="2">
            <drawimage imagetype="skinpart" path="scrollbarback" x="0" y="0" width="100%" height="100%"/>
        </area>
        <area x="52%" y="10%" width="2%" height="80%" layer="3">
            <drawimage imagetype="skinpart" path="scrollbar" x="0" y="{areaheight} * {offset} / 1000" width="100%" height="{areaheight} * {height} / 1000"/>
        </area>
    </scrollbar>

    <menuitems x="1%" y="10%" orientation="vertical" width="98%" height="80%" align="center" numlistelements="{nummenuitems}">
        <!-- Available Variables channels menu listelement:
        {nummenuitem}       number of item in list, starts with 1
        {title}             Title of Timer
        {timerstart}        Start Time of Timer in hh::mm
        {timerstop}         End Time of Timer in hh::mm
        {day}               Day (numerical)
        {dayname}           Day, for repeating timers days where timer is active
        {month}             Month (two digits)
        {monthname}         Month, three letter abbrevation
        {year}              Year (4 digits)
        {channelname}       Name of channel which is set for the timer
        {channellogoexists} true if a channel logo exists 
        {channelid}         ID of channel which is set for the timer (for dispalying channel logo)
        {channelnumber}     Number of channel which is set for the timer
        {eventtitle}        Title of corresponding event
        {eventstart}        Start Time of corresponding event in hh::mm
        {eventstop}         Stop Time of corresponding event in hh::mm
        {current}           true if item is currently selected
        {flagactive}        true if timer is active
        {flaginstant}       true if timer is an instant timer
        {flagvps}           true if timer uses VPS
        {flagrecording}     true if is recording currently
        {flagpending}       true if timer is pending
        -->
        <listelement>
            <area x="0" width="51%" layer="2">
                <drawimage condition="not{current}" imagetype="skinpart" path="menubutton" x="0" y="0" width="100%" height="100%"/>
                <drawimage condition="{current}" imagetype="skinpart" path="menubuttonactive" x="0" y="0" width="100%" height="100%"/>
            </area>
            <area condition="not{separator}" x="1%" width="9%" layer="3">
                <drawimage name="logo" imagetype="channellogo" path="{channelid}" width="90%" height="90%" align="center" valign="center" />
            </area>
            <area condition="not{separator}" x="11%" width="39%" layer="3">
                <drawtext condition="not{current}" x="0" y="5%" font="{regular}" fontsize="35%" color="{clrGray}" text="{channelname}, {dayname} {day}.{month} {timerstart} - {timerstop}" />
                <drawtext condition="{current}" x="0" y="5%" font="{regular}" fontsize="35%" color="{clrWhite}" text="{channelname}, {dayname} {day}.{month} {timerstart} - {timerstop}" />
            </area>
            <area condition="not{separator}" x="11%" width="39%" layer="4">
                <drawimage condition="{flagactive}" imagetype="icon" path="ico_timer_active" align="right"  y="8%" width="{areaheight}/3" height="{areaheight}/3" />
                <drawimage condition="not{flagactive}" imagetype="icon" path="ico_timer_inactive" align="right" y="8%" width="{areaheight}/3" height="{areaheight}/3" />
            </area>
            <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium"  condition="not{separator}" x="11%" width="39%" layer="3">
                <drawtext condition="not{current}"  name="menutext" x="0" y="35%" font="{regular}" fontsize="60%" color="{clrGray}" text="{title}" />
                <drawtext condition="{current}" name="menutext" x="0" y="35%" font="{regular}" fontsize="60%" color="{clrWhite}" text="{title}" />
            </areascroll>
            <area condition="{separator}" x="1%" width="50%" layer="3">
                <drawtext x="0" valign="center" font="{regular}" fontsize="70%" color="{clrWhite}" text="{title}" />
            </area>
        </listelement>
        <!-- additional element which is drawn for current element -->
        <!-- Available Variables channels menu currentelement:
        {menuitemx}         x position of according menu item
        {menuitemy}         y position of according menu item
        {menuitemwidth}     width of according menu item
        {menuitemheight}    height of according menu item
        {title}             Title of Timer
        {timerstart}        Start Time of Timer in hh::mm
        {timerstop}         End Time of Timer in hh::mm
        {day}               Day (numerical)
        {dayname}           Day, for repeating timers days where timer is active
        {month}             Month (two digits)
        {monthname}         Month, three letter abbrevation
        {year}              Year (4 digits)#
        {channelname}       Name of channel which is set for the timer
        {channellogoexists} true if a channel logo exists 
        {channelid}         ID of channel which is set for the timer (for dispalying channel logo)
        {channelnumber}     Number of channel which is set for the timer
        {eventtitle}        Title of corresponding event
        {eventstart}        Start Time of corresponding event in hh::mm
        {eventstop}         Stop Time of corresponding event in hh::mm
        {eventshorttext}    Short Text corresponding event
        {eventdescription}  Description corresponding event
        {hasposter}         true if a scraped poster is available for event
        {posterwidth}       width of scraped poster
        {posterheight}      height of scraped poster
        {posterpath}        absolute path of scraped poster
        {flagactive}        true if timer is active
        {flaginstant}       true if timer is an instant timer
        {flagvps}           true if timer uses VPS
        {flagrecording}     true if is recording currently
        {flagpending}       true if timer is pending
        -->
        <currentelement delay="500" fadetime="0">
            <area condition="{flagactive}" x="55%" y="52%" width="45%" height="48%" layer="2">
                <drawimage imagetype="skinpart" path="displaymenucurrentback" x="0" y="0" width="100%" height="100%"/>
            </area>
            <areascroll condition="{flagactive} ++ not{hasposter}" orientation="vertical" mode="forthandback" delay="1000" scrollspeed="medium" x="56%" y="53%" width="43%" height="46%" layer="3">
                <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="10%" color="{clrWhite}" text="{dayname} {day}.{month} {eventstart} - {eventstop}" />
                <drawtext x="0" y="10%" font="{semibold}" width="100%" fontsize="12%" color="{clrWhite}" text="{eventtitle}" />
                <drawtextbox name="shorttext" x="0" y="21%" width="100%" font="{regular}" fontsize="9%" color="{clrWhite}" text="{eventshorttext}" />
                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{regular}" fontsize="8%" color="{clrWhite}" text="{eventdescription}" />
            </areascroll>
            <area condition="{flagactive} ++ {hasposter}" x="56%" y="53%" width="15%" height="46%" layer="3">
                <drawimage imagetype="image" path="{posterpath}" align="center" valign="center" width="{areawidth}" height="{areawidth} * {posterheight} / {posterwidth}"/>
            </area>
            <areascroll condition="{flagactive} ++ {hasposter}" orientation="vertical" mode="forthandback" delay="1000" scrollspeed="medium" x="72%" y="53%" width="27%" height="46%" layer="3">
                <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="10%" color="{clrWhite}" text="{dayname} {day}.{month} {eventstart} - {eventstop}" />
                <drawtext x="0" y="10%" font="{semibold}" width="100%" fontsize="12%" color="{clrWhite}" text="{eventtitle}" />
                <drawtextbox name="shorttext" x="0" y="21%" width="100%" font="{regular}" fontsize="9%" color="{clrWhite}" text="{eventshorttext}" />
                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{regular}" fontsize="8%" color="{clrWhite}" text="{eventdescription}" />
            </areascroll>
        </currentelement>
        
    </menuitems>

</menutimers>