<menumain x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="39%" scaletvy="8%" scaletvwidth="60%" scaletvheight="60%">

    <header>
        <area x="1%" y="0" width="50%" height="7%" layer="2">
            <drawtext x="0" valign="center" fontsize="{areaheight}*{headerfontsize}/100" font="{regular}" color="{fontdefault}" text="{title} {vdrversion}" />
        </area>
    </header>

    <background>
        <area x="0" y="0" width="100%" height="100%" layer="1">
            <drawimage imagetype="skinpart" x="0" y="0" width="100%" height="100%" path="background_menu_tvframe" />
        </area>
        <!-- background timers -->
        <area x="2%" y="72%" width="28%" height="20%" layer="2">
            <fill color="{menuback}" />
            <drawrectangle x="0" y="0" width="100%" height="30%" color="{menumainheader}" /> 
        </area>
        <!-- background last recordings -->
        <area x="36%" y="72%" width="28%" height="20%" layer="2">
            <fill color="{menuback}" />
            <drawrectangle x="0" y="0" width="100%" height="30%" color="{menumainheader}" /> 
        </area>
        <!-- background system info -->
        <area x="70%" y="72%" width="28%" height="20%" layer="2">
            <fill color="{menuback}" />
            <drawrectangle x="0" y="0" width="100%" height="30%" color="{menumainheader}" /> 
        </area>
        <area x="70%" y="72%" width="28%" height="6%" layer="3">
            <drawtext align="center" valign="center" fontsize="60%" font="{regular}" color="{fontdefault}" text="{tr(sysinfo)}" />
        </area>
    </background>

    <timers>
        <area x="2%" y="72%" width="28%" height="6%" layer="3">
            <drawtext condition="lt({numtimers}, 1) || gt({numtimers}, 1)" align="center" valign="center" fontsize="60%" font="{regular}" color="{fontdefault}" text="{numtimers} {tr(activetimers)}" />
            <drawtext condition="eq({numtimers}, 1)" align="center" valign="center" fontsize="60%" font="{regular}" color="{fontdefault}" text="{numtimers} {tr(activetimer)}" />
        </area>
        <area condition="{numtimers}" x="2%" y="78%" width="28%" height="14%" layer="3">
            <loop name="timers" x="5" y="3" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/3" overflow="cut">
                <drawimage cache="true" name="logo" imagetype="channellogo" path="{timers[channelid]}" width="{columnwidth}*0.15" height="{rowheight}*0.75" x="10" valign="center" />
                <drawtext  x="{posx(logo)} + {width(logo)} + 10" y="0" font="{regular}" fontsize="{rowheight}*0.4" color="{fontdefault}" text="{timers[datetime]}" />
                <drawtext x="{posx(logo)} + {width(logo)} + 10" y="{rowheight}*0.35" width="{columnwidth} - {posx(logo)} - {width(logo)} - 20" font="{regular}" fontsize="{rowheight}*0.6" color="{fontdefault}" text="{timers[title]}" />
            </loop>
        </area>
    </timers>

    <lastrecordings>
        <area x="36%" y="72%" width="28%" height="6%" layer="3">
            <drawtext align="center" valign="center" fontsize="60%" font="{regular}" color="{fontdefault}" text="{tr(lastrecs)}" />
        </area>
        <area x="36%" y="78%" width="28%" height="14%" layer="3">
            <loop name="recordings" x="5" y="3" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/3" overflow="cut">
                <drawtext  x="10" y="0" font="{regular}" fontsize="{rowheight}*0.4" color="{fontdefault}" text="{recordings[date]}, {recordings[duration]} min" />
                <drawtext condition="empty{recordings[seriesname]}" x="10" y="{rowheight}*0.35" width="{columnwidth} - 20" font="{regular}" fontsize="{rowheight}*0.6" color="{fontdefault}" text="{recordings[name]}" />
                <drawtext condition="isset{recordings[seriesname]}" x="10" y="{rowheight}*0.35" width="{columnwidth} - 20" font="{regular}" fontsize="{rowheight}*0.6" color="{fontdefault}" text="{recordings[seriesname]}" />
            </loop>
        </area>
    </lastrecordings>

    <discusage>
        <area background="true" x="70%" y="78%" width="9%" height="7%" layer="3">
            <drawimage imagetype="icon" path="harddisc" align="center" y="0" width="{areaheight}" height="{areaheight}" />
        </area>
        <area x="70%" y="86%" width="9%" height="7%" layer="3">
            <drawtext align="center" y="0" fontsize="40%" font="{regular}" color="{fontdefault}" text="{tr(disc)} {usedpercent}%" />
            <drawtext align="center" y="40%" fontsize="40%" font="{regular}" color="{fontdefault}" text="{freetime}h {tr(free)}" />
        </area>
    </discusage>

    <systemload>
        <area background="true" x="79%" y="78%" width="5%" height="5%" layer="3">
            <drawimage imagetype="icon" path="cpu" align="center" y="0" width="{areaheight}" height="{areaheight}" />
        </area>
        <area x="84%" y="78%" width="13%" height="3%" layer="3">
            <drawtext x="0" y="0" fontsize="100%" font="{regular}" color="{fontdefault}" text="{tr(load)} {load}" />
        </area>
    </systemload>

    <vdrstatistics>
        <area x="84%" y="81%" width="13%" height="3%" layer="3">
            <drawtext x="0" y="0" fontsize="100%" font="{regular}" color="{fontdefault}" text="{tr(vdrcpu)}: {vdrcpu}%" />
        </area>
    </vdrstatistics>

    <temperatures>
        <area background="true" x="79%" y="86%" width="5%" height="5%" layer="3">
            <drawimage imagetype="icon" path="temperature" align="center" y="0" width="{areaheight}" height="{areaheight}" />
        </area>
        <area x="84%" y="86%" width="13%" height="6%" layer="3">
            <drawtext x="0" y="0" fontsize="50%" font="{regular}" color="{fontdefault}" text="CPU {cputemp}°C" />
            <drawtext x="0" y="50%" fontsize="50%" font="{regular}" color="{fontdefault}" text="GPU {gputemp}°C" />
        </area>
    </temperatures>

    <menuitems x="2%" y="9%" orientation="vertical" width="30%" height="60%" align="center" numlistelements="{numitemsmain}">
        <listelement>
            <area x="0" y="0" width="100%" height="100%" layer="3">
                <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
                <drawrectangle condition="not{current}" x="0" y="{areaheight}-1" width="100%" height="1" color="{menubackline}" />
                <drawrectangle condition="{current}" x="0" y="0" width="15%" height="100%" color="{menubackactivedark}" />
                <drawrectangle condition="{current}" x="15%" y="0" width="85%" height="100%" color="{menubackactive}" />
            </area>
            <area x="0" y="0" width="15%" height="100%" layer="3">
                <drawimage condition="not{current}" imagetype="menuicon" path="{icon}" align="center" valign="center" width="{areaheight}*{mainiconsize}/100" height="{areaheight}*{mainiconsize}/100"/>
                <drawimage condition="{current}" imagetype="menuicon" path="{icon}_active" align="center" valign="center" width="{areaheight}*{mainiconsize}/100" height="{areaheight}*{mainiconsize}/100"/>
            </area>
            <areascroll condition="{showlistnumbers}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="20%" width="79%" layer="3">
                <drawtext condition="not{current}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{mainfontsize}/100" color="{fontdefault}" text="{number} {label}" />
                <drawtext condition="{current}" name="menutext" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{mainfontsize}/100" color="{fontmenuactive}" text="{number} {label}" />
            </areascroll>
            <areascroll condition="not{showlistnumbers}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="20%" width="79%" layer="3">
                <drawtext condition="not{current}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{mainfontsize}/100" color="{fontdefault}" text="{label}" />
                <drawtext condition="{current}" name="menutext" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{mainfontsize}/100" color="{fontmenuactive}" text="{label}" />
            </areascroll>
        </listelement>
    </menuitems>

    <scrollbar>
        <area background="true" x="33%" y="9%" width="{areawidth}*0.01" height="60%" layer="2">
            <fill color="{menuback}" />
        </area>
        <area x="33%" y="9%" width="{areawidth}*0.01" height="60%" layer="3">
            <drawrectangle x="0" y="{areaheight} * {offset} / 1000" width="100%" height="{areaheight} * {height} / 1000" color="{progressbar}" />
        </area>
    </scrollbar>
</menumain>
