<menutimers x="0" y="0" width="100%" height="100%" fadetime="0">
    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="16">
        <!-- 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
        {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>
            <!-- Background -->
            <area x="1%" width="58%" layer="2">
                <fill condition="not{current}" color="{clrTransparent}" />
                <fill condition="{current}" color="{clrTransBlueLight}" />
            </area>
            <area x="1%" width="58%" layer="2">
                <drawimage condition="{flagactive}" name="active" imagetype="icon" path="ico_timer_active" x="0" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
                <drawimage condition="not{flagactive}" name="active" imagetype="icon" path="ico_timer_inactive" x="0" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
                <drawimage condition="{flagrecording}" name="active" imagetype="icon" path="ico_timer_recording" x="0" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
            </area>
            <areascroll scrollelement="timertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="5%" width="54%" layer="3">
                <drawtext name="timertext" x="10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{dayname} {day}. {timerstart} - {timerstop}: {title}" />
            </areascroll>
        </listelement>
        <!-- additional element which is drawn for current element -->
        <!-- Available Variables channels menu currentelement:
        {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
        {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 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}" />
                <drawtext name="channame" x="{width(logo)} + 20" y="{areaheight}/3 + {areaheight}/6" width="{areawidth} - {width(logo)} - 30" font="{semibold}" fontsize="40%" color="{clrWhite}" text="{channelname}" />
            </area>
            <area x="63%" y="15%" width="36%" height="70%" layer="2">
                <!-- title -->
                <drawtext name="title" align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="{areaheight}/10" color="{clrWhite}" text="{eventtitle}" />
                <!-- scraper poster -->
                <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="10" y="{posy(title)} + {height(title)} + 10" width="{areawidth}/3" height="{areawidth}/3 * {posterheight} / {posterwidth}"/>
                <!-- description -->
                <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="{areaheight}/14" color="{clrWhite}" text="{eventdescription}" />
                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/14" color="{clrWhite}" text="{eventdescription}" />
            </area>
        </currentelement>
    </menuitems>
    <!-- Available Variables colorbuttons:
    {height}                  height in one-tenth of a percent of total height
    {offset}                  offset from top in one-tenth of a percent of total height
    -->
    <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>
</menutimers>