<menurecordings 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="10">
        <!-- Available Variables recordings menu listelement:
        {nummenuitem}           number of item in list, starts with 1
        {name}                  Name of recording
        {date}                  Date of recording
        {time}                  Time of recording
        {daynumeric}            day as number
        {month}                 month as number
        {year}                  year as number
        {duration}              real duration of recording in minutes
        {durationhours}         real duration, full hours
        {durationminutes}       real duration, rest of minutes
        {durationevent}         duration of corresponding event in minutes
        {durationeventhours}    event duration, full hours
        {durationeventminutes}  event duration, rest of minutes
        {current}               true if item is currently selected
        {new}                   true if recording is new
        {cutted}                true if recording is cutted
        {folder}                true if item is a folder
        {numrecordingsfolder}   if item is a folder, number of recordings in this folder
        {newrecordingsfolder}   if item is a folder, number of new recordings in this folder
        {hasposterthumbnail}    true if a scraped poster thumbnail is available for recording
        {thumbnailbwidth}       width of scraped poster thumbnail
        {thumbnailheight}       height of scraped poster thumbnail
        {thumbnailpath}         absolute path of scraped poster thumbnail
        -->
        <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{folder}" x="1%" width="50%" layer="3">
                <drawtext condition="not{current}" x="0" y="5%" font="{regular}" fontsize="35%" color="{clrGray}" text="{date} - {time}, {duration} min" />
                <drawtext condition="{current}" x="0" y="5%" font="{regular}" fontsize="35%" color="{clrWhite}" text="{date} - {time}, {duration} min" />
            </area>
            <area condition="not{folder}" x="1%" width="50%" layer="3">
                <drawimage name="new" condition="{new}" imagetype="icon" path="ico_new_rec" align="right" y="8%" width="{areaheight}/2" height="{areaheight}/2" />
                <drawimage name="cutted" condition="{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight} - 10" y="8%" width="{areaheight}/2" height="{areaheight}/2" />
                <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted" align="right" y="8%" width="{areaheight}/2" height="{areaheight}/2" />
            </area>
            <areascroll condition="not{folder}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="50%" layer="3">
                <drawtext condition="not{current}" name="menutext" x="0" y="35%" font="{regular}" fontsize="60%" color="{clrGray}" text="{name}" />
                <drawtext condition="{current}" name="menutext" x="0" y="35%" font="{regular}" fontsize="60%" color="{clrWhite}" text="{name}" />
            </areascroll>
            <area condition="{folder}" x="1%" width="4%" layer="3">
                <drawimage imagetype="icon" path="ico_folder" x="0" valign="center" width="{areaheight}*0.8" height="80%"/>
            </area>
            <areascroll condition="{folder}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="6%" width="45%" layer="3">
                <drawtext condition="not{current}" name="menutext" x="0" valign="center" font="{regular}" fontsize="70%" color="{clrGray}" text="{name} ({numrecordingsfolder} rec., {newrecordingsfolder} new)" />
                <drawtext condition="{current}" name="menutext" x="0" valign="center" font="{regular}" fontsize="70%" color="{clrWhite}" text="{name} ({numrecordingsfolder} rec., {newrecordingsfolder} new)" />
            </areascroll>
        </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
        {name}                  Name of recording
        {shorttext}             Short Text of recording
        {description}           Descrption of recording        
        {date}                  Date of recording
        {time}                  Time of recording
        {daynumeric}            day as number
        {month}                 month as number
        {year}                  year as number
        {duration}              real duration of recording in minutes
        {durationhours}         real duration, full hours
        {durationminutes}       real duration, rest of minutes
        {durationevent}         duration of corresponding event in minutes
        {durationeventhours}    event duration, full hours
        {durationeventminutes}  event duration, rest of minutes        {new}                   true if recording is new
        {cutted}                true if recording is cutted
        {folder}                true if item is a folder
        {numrecordingsfolder}   if item is a folder, number of recordings in this folder
        {newrecordingsfolder}   if item is a folder, number of new recordings in this folder
        {hasposter}             true if a scraped poster is available for recording
        {posterwidth}           width of scraped poster
        {posterheight}          height of scraped poster
        {posterpath}            absolute path of scraped poster
        -->
        <currentelement delay="500" fadetime="0">
            <area x="55%" y="52%" width="45%" height="48%" layer="2">
                <drawimage imagetype="skinpart" path="displaymenucurrentback" x="0" y="0" width="100%" height="100%"/>
            </area>
            <area condition="{folder}" x="55%" y="52%" width="45%" height="48%" layer="3">
                <drawimage imagetype="icon" path="ico_folder" x="25%" y="3%" width="50%" height="{areawidth}*0.5"/>
                <drawtext align="center" y="75%" font="{regular}" fontsize="20%" color="{clrWhite}" text="{numrecordingsfolder} recs, {newrecordingsfolder} new" />
            </area>
            <areascroll condition="not{folder}++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="{date} - {time}, {duration} min" />
                <drawtext x="0" y="10%" font="{semibold}" width="100%" fontsize="12%" color="{clrWhite}" text="{name}" />
                <drawtextbox name="shorttext" x="0" y="21%" width="100%" font="{regular}" fontsize="9%" color="{clrWhite}" text="{shorttext}" />
                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{regular}" fontsize="8%" color="{clrWhite}" text="{description}" />
            </areascroll>
            <area condition="not{folder}++{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="not{folder}++{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="{date} - {time}, {duration} min" />
                <drawtext x="0" y="10%" font="{semibold}" width="100%" fontsize="12%" color="{clrWhite}" text="{name}" />
                <drawtextbox name="shorttext" x="0" y="21%" width="100%" font="{regular}" fontsize="9%" color="{clrWhite}" text="{shorttext}" />
                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{regular}" fontsize="8%" color="{clrWhite}" text="{description}" />
            </areascroll>
        </currentelement>
    </menuitems>

</menurecordings>