<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE displaymenu SYSTEM "../../../dtd/displaymenu.dtd" [
<!ENTITY displaymenudefault SYSTEM "displaymenudefault.xml">
<!ENTITY displaymenumain SYSTEM "displaymenumain.xml">
<!ENTITY displaymenusetup SYSTEM "displaymenusetup.xml">
<!ENTITY displaymenuschedules SYSTEM "displaymenuschedules.xml">
<!ENTITY displaymenutimers SYSTEM "displaymenutimers.xml">
<!ENTITY displaymenuchannels SYSTEM "displaymenuchannels.xml">
<!ENTITY displaymenurecordings SYSTEM "displaymenurecordings.xml">
<!ENTITY displaymenudetailepg SYSTEM "displaymenudetailepg.xml">
<!ENTITY displaymenudetailrecording SYSTEM "displaymenudetailrecording.xml">
<!ENTITY displaymenudetailtext SYSTEM "displaymenudetailtext.xml">
]>

<displaymenu x="0" y="0" width="100%" height="100%" fadetime="0">
    <!-- 
    The following background, header, datetime and colorbuttons definitions are default
    implementations. If one or more of these elements are not implemented in the subview, 
    the default implementations are used. 
    -->
    <background>
        <area x="0" y="0" width="100%" height="100%" layer="1">
            <!-- top bar -->
            <drawrectangle x="0" y="0" width="{areawidth}" height="10%" color="{clrBackground}" />
            <drawrectangle x="30%" y="{areaheight}*0.1 - 1" width="71%" height="1" color="{clrBorder}" />
            <!-- menu bar -->
            <drawrectangle x="0" y="10%" width="{areawidth}*29/100" height="81%" color="{clrBackground}" />
            <drawrectangle x="{areawidth}*29/100 - 1" y="12%" width="1" height="76%" color="{clrBorder}" />
            <!-- bottom bar -->
            <drawrectangle x="0" y="90%" width="{areawidth}" height="10%" color="{clrBackground}" />
            <drawrectangle x="30%" y="{areaheight}*0.9 - 1" width="71%" height="1" color="{clrBorder}" />
            <!-- upper corner -->
            <drawellipse x="{areawidth}*29/100" y="{areaheight}/10" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-2" color="{clrBorder}" />
            <drawellipse x="{areawidth}*29/100 - 1" y="{areaheight}/10 - 1" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-2" color="{clrBackground}" />
            <!-- lower corner -->
            <drawellipse x="{areawidth}*29/100" y="{areaheight}*90/100 - {areawidth}*2/100" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-3" color="{clrBorder}" />
            <drawellipse x="{areawidth}*29/100 - 1" y="{areaheight}*90/100 - {areawidth}*2/100 + 1" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-3" color="{clrBackground}" />
        </area>
        <area x="0" y="0" width="100%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="headertop" x="0" y="0" width="100%" height="100%"/>
        </area>
    </background>
    <!-- Available Variables header:
    {title}                   title of current menu
    {vdrversion}              running VDR Version
    {hasicon}                 true if a menu icon is available
    {icon}                    path of menu icon
    -->
    <header>
        <area x="1%" y="0" width="64%" height="10%" layer="3">
            <drawtext x="0" valign="center" font="{vdrOsd}" fontsize="50%" color="{clrWhite}" text="{title}" />
        </area>
    </header>
    <!-- Available Variables datetime:
    {time}                              time in hh:mm
    {day}                               day in digits
    {dayleadingzero}                    day in digits with leading 0
    {dayname}                           Full name of the day
    {daynameshort}                      Short 3 char name of the day
    {month}                             month in digits with leading 0
    {monthname}                         Full name of the month
    {year}                              year in yyyy
    -->
    <datetime>
        <area x="65%" y="0" width="34%" height="10%" layer="3">
            <drawtext align="right" valign="center" font="{vdrOsd}" fontsize="50%" color="{clrWhite}" text="{daynameshort} {day}.{month} {time}" />
        </area>
    </datetime>
    <!-- Available Variables message:
    {text}                    message text
    {status}                  true if message is an status message
    {info}                    true if message is an info message
    {warning}                 true if message is an warn message
    {error}                   true if message is an error message
    -->
    <message>
        <area x="5%" y="80%" width="90%" height="15%" layer="6">
            <drawimage condition="{status}" imagetype="skinpart" path="messageStatus" x="0" y="0" width="100%" height="100%" />
            <drawimage condition="{info}" imagetype="skinpart" path="messageInfo" x="0" y="0" width="100%" height="100%" />
            <drawimage condition="{warning}" imagetype="skinpart" path="messageWarning" x="0" y="0" width="100%" height="100%" />
            <drawimage condition="{error}" imagetype="skinpart" path="messageError" x="0" y="0" width="100%" height="100%" />
        </area>
        <area x="5%" y="80%" width="90%" height="15%" layer="7">
            <drawtext align="center" valign="center" font="{light}" fontsize="40%" color="{clrWhite}" text="{text}" />
        </area>
    </message>
    <!-- Available Variables colorbuttons:
    {red1}                    true if red button is button 1
    {red2}                    true if red button is button 2
    {red3}                    true if red button is button 3
    {red4}                    true if red button is button 4
    {green1}                  true if green button is button 1
    {green2}                  true if green button is button 2
    {green3}                  true if green button is button 3
    {green4}                  true if green button is button 4
    {yellow1}                 true if yellow button is button 1
    {yellow2}                 true if yellow button is button 2
    {yellow3}                 true if yellow button is button 3
    {yellow4}                 true if yellow button is button 4
    {blue1}                   true if blue button is button 1
    {blue2}                   true if blue button is button 2
    {blue3}                   true if blue button is button 3
    {blue4}                   true if blue button is button 4
    {red}                     label of red button
    {green}                   label of green button
    {yellow}                  label of yellow button
    {blue}                    label of blue button
    -->
    <colorbuttons>
        <area condition="{red1}" x="0" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonred" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{red}" />
        </area>
        <area condition="{green1}" x="0" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttongreen" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{green}" />
        </area>
        <area condition="{yellow1}" x="0" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonyellow" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{yellow}" />
        </area>
        <area condition="{blue1}" x="0" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonblue" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{blue}" />
        </area>

        <area condition="{red2}" x="25%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonred" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{red}" />
        </area>
        <area condition="{green2}" x="25%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttongreen" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{green}" />
        </area>
        <area condition="{yellow2}" x="25%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonyellow" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{yellow}" />
        </area>
        <area condition="{blue2}" x="25%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonblue" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{blue}" />
        </area>
        
        <area condition="{red3}" x="50%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonred" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{red}" />
        </area>
        <area condition="{green3}" x="50%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttongreen" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{green}" />
        </area>
        <area condition="{yellow3}" x="50%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonyellow" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{yellow}" />
        </area>
        <area condition="{blue3}" x="50%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonblue" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{blue}" />
        </area>
        
        <area condition="{red4}" x="75%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonred" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{red}" />
        </area>
        <area condition="{green4}" x="75%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttongreen" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{green}" />
        </area>
        <area condition="{yellow4}" x="75%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonyellow" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{yellow}" />
        </area>
        <area condition="{blue4}" x="75%" y="90%" width="25%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="buttonblue" align="center" valign="center" width="90%" height="40%"/>
            <drawtext align="center" valign="center" font="{vdrOsd}" fontsize="35%" color="{clrWhite}" text="{blue}" />
        </area>
    </colorbuttons>
    &displaymenudefault;
    &displaymenumain;
    &displaymenusetup;
    &displaymenuschedules;
    &displaymenutimers;
    &displaymenuchannels;
    &displaymenurecordings;
    &displaymenudetailepg;
    &displaymenudetailrecording;
    &displaymenudetailtext;
</displaymenu>
