<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE displayvolume SYSTEM "../../../dtd/displayvolume.dtd">

<displayvolume x="20%" y="75%" width="60%" height="20%" fadetime="{fadeTime}">
    <background>
        <area x="0" y="0" width="100%" height="100%" layer="1">
            <fill color="{clrTransBlack}" />
        </area>
    </background>

    <!-- Available Variables volume:
    {volume}                            current volume, range from 0 to 255
    {volumepercent}                     current volume in %
    {maxvolume}                         maximal volume
    {mute}                              true if volume is muted
    -->
    <volume>
        <area x="0" y="0" width="100%" height="50%" layer="2">
            <drawtext x="10" valign="center" font="{light}" fontsize="100%" color="{clrWhite}" text="{tr(volume)}: {volumepercent}%" />
            <drawimage condition="not{mute}" imagetype="icon" path="ico_volume" x="{areawidth} - {areaheight} - 5" y="5" width="{areaheight}-5" height="{areaheight}-5"/>
            <drawimage condition="{mute}" imagetype="icon" path="ico_mute" x="{areawidth} - {areaheight} - 5" y="5" width="{areaheight}-5" height="{areaheight}-5"/>
        </area>
        <area x="5%" y="60%" width="90%" height="30%" layer="2">
            <fill color="{clrDarkGray}" />
            <drawrectangle x="0" y="0" width="{volume}/{maxvolume}*{areawidth}" height="100%" color="{clrTransBlueLight}" />
        </area>        
    </volume>

</displayvolume>