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

<displayreplay  x="0" y="70%" width="100%" height="30%" fadetime="{fadeTime}">

    <background>
       <!-- global background -->
        <area x="0" y="0" width="100%" height="100%" layer="1">
            <drawimage imagetype="skinpart" path="displaychannelback" x="0" y="0" width="100%" height="100%"/>
        </area>
        <!-- progressbar background -->
        <area x="17%" y="36%" width="67%" height="40%" layer="2">
            <drawimage imagetype="skinpart" path="displaychannelbackepg" x="0" y="0" width="100%" height="100%"/>
        </area>
        <area x="18%" y="45%" width="65%" height="8%" layer="3">
            <drawimage imagetype="skinpart" path="progressbarback_replay" x="0" y="0" width="100%" height="100%"/>
        </area>
        <!-- watch background -->
        <area x="86%" y="20%" width="{areaheight}*0.6" height="{areaheight}*0.6" layer="2">
            <drawimage imagetype="skinpart" path="watchback" x="0" y="0" width="100%" height="100%"/>
        </area>
    </background>

    <backgroundmodeonly>
        <area x="{areawidth}/2 - 2.5*{areaheight}*0.3" y="40%" width="5*{areaheight}*0.3" height="30%" layer="3">
            <fill color="{clrBlackTrans}" />
        </area>
    </backgroundmodeonly>

    <!-- 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
    {monthnameshort}                    3 letter abbrivation of month name
    {year}                              year in yyyy
    -->
    <datetime>
        <area x="86%" y="5%" width="{areaheight}*0.6" height="14%" layer="3">
            <drawtext align="center" y="0" font="{semibold}" fontsize="100%" color="{clrWhite}" text="{daynameshort} {day}.{month}" />
        </area>
        <area x="86%" y="80%" width="{areaheight}*0.6" height="16%" layer="3">
            <drawtext align="center" y="0" font="{digital}" fontsize="100%" color="{clrWhite}" text="{time}" />
        </area>
    </datetime>

    <!-- Available Variables time:
    {sec}                    current seconds
    {min}                    current minutes
    {hour}                   current hours
    {hmins}                  current "hourminutes" to display an hour hand
    -->
    <time>
        <area x="86%" y="20%" width="{areaheight}*0.6" height="{areaheight}*0.6" layer="5">
            <drawimage imagetype="skinpart" path="watchhands/s_{sec}" x="0" y="0" width="100%" height="100%"/>
        </area>
        <area x="86%" y="20%" width="{areaheight}*0.6" height="{areaheight}*0.6" layer="4">
            <drawimage imagetype="skinpart" path="watchhands/m_{min}" x="0" y="0" width="100%" height="100%"/>
        </area>
        <area x="86%" y="20%" width="{areaheight}*0.6" height="{areaheight}*0.6" layer="3">
            <drawimage imagetype="skinpart" path="watchhands/h_{hmins}" x="0" y="0" width="100%" height="100%"/>
        </area>
    </time>

    <!-- Available Variables scrapercontent:
    {posterpath}                        Full Path of Poster to use in image path attribute
    {posterwidth}                       width of poster in pixel
    {posterheight}                      height of poster in pixel
    {hasposter}                         true if poster is available
    {bannerpath}                        Full Path of banner to use in image path attribute
    {bannerwidth}                       width of banner in pixel
    {bannerheight}                      height of banner in pixel
    {hasBanner}                         true if banner is available

    Use this tokens if you want to display a banner for series and a poster for movies:
    {mediapath}                         Full Path of Poster or Banner to use in image path attribute
    {mediawidth}                        width of image in pixel
    {mediaheight}                       height of image in pixel
    {isbanner}                          true if image is a banner, false if it is a poster
    -->
    <scrapercontent>
        <area condition="{hasposter}" x="1%" y="15%" width="{areaheight}*0.7*{posterwidth}/{posterheight}" height="70%" layer="2">
            <drawimage imagetype="image" path="{posterpath}" x="0" y="0" width="100%" height="100%"/>
        </area>
        <area condition="not{hasposter}" x="1%" y="15%" width="14%" height="70%" layer="2">
            <drawimage imagetype="icon" path="ico_recording" x="0" y="0" width="100%" height="100%"/>
        </area>
    </scrapercontent>

    <!-- Available Variables rectitle:
    {rectitle}                     Title of Recording
    {recsubtitle}                  Subtitle of the Recording
    {recdate}                      Date Recording in dd.mm.yy
    {rectime}                      Time of Recording in hh:mm
    -->
    <rectitle>
        <area x="17%" y="16%" width="67%" height="18%" layer="2">
            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="100%" color="{clrWhite}" text="{rectitle} - {recsubtitle}" />
        </area>
    </rectitle>

    <!-- Available Variables recinfo:
    {screenwidth}                      width of currently displayed recording in px
    {screenheight}                     height of currently displayed recording in px
    {resolution}                       resolution: hd1080i, hd720p, sd576i
    {aspect}                           screen aspect, each 4:3, 16:9 or 21:9
    {isHD}                             true for hd1080i and hd720p
    {isWideScreen}                     true if aspect is 16:9 or 21:9
    -->
    <recinfo>
       <area x="17%" y="80%" width="67%" height="15%" layer="4">
            <drawimage imagetype="icon" path="ico_{resolution}" x="0" y="0" width="{areaheight}*3" height="{areaheight}"/>
            <drawimage condition="{isWideScreen}" imagetype="icon" path="ico_widescreen" x="{areaheight}*3 + 10" y="0" width="{areaheight}*3" height="{areaheight}"/>
        </area>
    </recinfo>

    <!-- Available Variables currenttime:
    {reccurrent}                   Current Time in hh:mm:ss
    -->
    <currenttime>
        <area x="18%" y="61%" width="30%" height="15%" layer="3">
            <drawtext x="0" valign="center" font="{digital}" fontsize="80%" color="{clrWhite}" text="{reccurrent}" />
        </area>
    </currenttime>

    <!-- Available Variables totaltime:
    {rectotal}                   Total Time in hh:mm:ss
    -->
    <totaltime>
        <area x="54%" y="61%" width="29%" height="15%" layer="3">
            <drawtext align="right" valign="center" font="{digital}" fontsize="80%" color="{clrWhite}" text="{rectotal}" />
        </area>
    </totaltime>

    <!-- Available Variables progressbar:
    {current}                   current frame of recording
    {total}                     total frames of recording
    -->
    <progressbar>
        <area x="18%" y="45%" width="65%" height="8%" layer="4">
            <drawimage imagetype="skinpart" path="progressbar" x="2" y="2" width="{current}/{total}*{areawidth} - {current}/{total}*4" height="{areaheight}-4"/>
        </area>
    </progressbar>

    <!-- Available Variables cutmarks:
    {marks[]}                   array of available marks
    {marks[position]}           frame of current mark
    {marks[endposition]}        frame where startmark ends
    {marks[total]}              total number of frames
    {marks[active]}             true if current replay position hits exactly the mark
    {marks[startmark]}          true if mark is start mark
    -->
    <cutmarks>
        <area x="18%" y="43%" width="65%" height="12%" layer="5" transparency="40">
            <loop name="marks" x="0" y="0" orientation="absolute">
                <!-- draw mark -->
                <drawimage condition="{marks[startmark]}" imagetype="icon" path="ico_cutmark_start" x="{marks[position]}/{marks[total]}*{areawidth} - {areaheight}/3" y="0" width="{areaheight}/3" height="{areaheight}" />
                <drawimage condition="not{marks[startmark]}" imagetype="icon" path="ico_cutmark_stop" x="{marks[position]}/{marks[total]}*{areawidth}" y="0" width="{areaheight}/3" height="{areaheight}" />
                <!-- draw bar to next mark if mark is startmark-->                
                <drawrectangle condition="{marks[startmark]}" x="{marks[position]}/{marks[total]}*{areawidth}" y="40%" width="{marks[endposition]}/{marks[total]}*{areawidth} - {marks[position]}/{marks[total]}*{areawidth}" height="20%" color="{clrRed}" />
            </loop>
        </area>
    </cutmarks>

    <!-- Available Variables controlicons and controliconsmodeonly:
    {play}              true if recording is played currently
    {pause}             true if recording is paused
    {forward}           true if fast forwarding 
    {forward1x}         true if fast forwarding 1x (with 3 trickspeeds)
    {forward2x}         true if fast forwarding 2x (with 3 trickspeeds)
    {forward3x}         true if fast forwarding 3x (with 3 trickspeeds)
    {rewind}            true if rewinding 
    {rewind1x}          true if rewinding 1x (with 3 trickspeeds)
    {rewind2x}          true if rewinding 2x (with 3 trickspeeds)
    {rewind3x}          true if rewinding 3x (with 3 trickspeeds)
    -->
    <controlicons>
        <area x="67%" y="1%" width="25%" height="20%" layer="3">
            <drawimage condition="not{rewind} ++ not{rewind1x} ++ not{rewind2x} ++ not{rewind3x}" imagetype="icon" path="ico_back_inactive" x="0" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{rewind}" imagetype="icon" path="ico_back_active" x="{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{rewind1x}" imagetype="icon" path="ico_back_active_x1" x="0" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{rewind2x}" imagetype="icon" path="ico_back_active_x2" x="0" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{rewind3x}" imagetype="icon" path="ico_back_active_x3" x="0" y="0" width="{areaheight}" height="{areaheight}"/>
            
            <drawimage condition="not{pause}" imagetype="icon" path="ico_pause_inactive" x="{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{pause}" imagetype="icon" path="ico_pause_active" x="{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>

            <drawimage condition="not{play}" imagetype="icon" path="ico_play_inactive" x="2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{play}" imagetype="icon" path="ico_play_active" x="2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>

            <drawimage condition="not{forward} ++ not{forward1x} ++ not{forward2x} ++ not{forward3x}" imagetype="icon" path="ico_fwd_inactive" x="3*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{forward}" imagetype="icon" path="ico_fwd_active" x="3*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{forward1x}" imagetype="icon" path="ico_fwd_active_x1" x="3*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{forward2x}" imagetype="icon" path="ico_fwd_active_x2" x="3*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{forward3x}" imagetype="icon" path="ico_fwd_active_x3" x="3*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
        </area>        
    </controlicons>

    <controliconsmodeonly>
        <area x="{areawidth}/2 - 2*{areaheight}*0.3" y="40%" width="4*{areaheight}*0.3" height="30%" layer="3">
            <drawimage condition="not{rewind} ++ not{rewind1x} ++ not{rewind2x} ++ not{rewind3x}" imagetype="icon" path="ico_back_inactive" x="0" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{rewind}" imagetype="icon" path="ico_back_active" x="{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{rewind1x}" imagetype="icon" path="ico_back_active_x1" x="0" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{rewind2x}" imagetype="icon" path="ico_back_active_x2" x="0" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{rewind3x}" imagetype="icon" path="ico_back_active_x3" x="0" y="0" width="{areaheight}" height="{areaheight}"/>
            
            <drawimage condition="not{pause}" imagetype="icon" path="ico_pause_inactive" x="{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{pause}" imagetype="icon" path="ico_pause_active" x="{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>

            <drawimage condition="not{play}" imagetype="icon" path="ico_play_inactive" x="2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{play}" imagetype="icon" path="ico_play_active" x="2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>

            <drawimage condition="not{forward} ++ not{forward1x} ++ not{forward2x} ++ not{forward3x}" imagetype="icon" path="ico_fwd_inactive" x="3*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{forward}" imagetype="icon" path="ico_fwd_active" x="3*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{forward1x}" imagetype="icon" path="ico_fwd_active_x1" x="3*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{forward2x}" imagetype="icon" path="ico_fwd_active_x2" x="3*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
            <drawimage condition="{forward3x}" imagetype="icon" path="ico_fwd_active_x3" x="3*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
        </area>        
    </controliconsmodeonly>

    <!-- Available Variables jump:
    {jump}                      time to jump to in hh:mm
    -->
    <jump>
        <area x="50%" y="80%" width="30%" height="20%" layer="3">
            <drawtext align="right" valign="center" font="{digital}" fontsize="60%" color="{clrWhite}" text="{jump}" />
        </area>
    </jump>
    <!-- Available Variables message:
    {text}                     message text
    {status}                   true if message is a status message
    {info}                     true if message is a info message
    {warning}                  true if message is a warn message
    {error}                    true if message is a error message
    -->
    <message>
        <area x="5%" y="25%" width="90%" height="50%" layer="6">
            <drawimage condition="{status}" imagetype="skinpart" path="messageblue" x="0" y="0" width="100%" height="100%" />
            <drawimage condition="{info}" imagetype="skinpart" path="messagegreen" x="0" y="0" width="100%" height="100%" />
            <drawimage condition="{warning}" imagetype="skinpart" path="messageyellow" x="0" y="0" width="100%" height="100%" />
            <drawimage condition="{error}" imagetype="skinpart" path="messagered" x="0" y="0" width="100%" height="100%" />
        </area>
        <area x="5%" y="25%" width="90%" height="50%" layer="7">
            <drawtext align="center" valign="center" font="{regular}" fontsize="40%" color="{clrWhite}" text="{text}" />
        </area>
    </message>

    <!-- Available Variables onpause and onpausemodeonly:
    {name}                    title of recording
    {shorttext}               shorttext of recording
    {description}             description of recording
    {date}                    date of recording in dd.mm.yy
    {time}                    time of recording in hh:mm
    {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

    {ismovie}                 true if event is scraped as a movie
    Available variables for movies:
    {movietitle}              movie title from themoviedb
    {movieoriginalTitle}      movie original title from themoviedb
    {movietagline}            movie tagline from themoviedb
    {movieoverview}           movie overview from themoviedb
    {movieadult}              true if movie is rated as adult
    {moviebudget}             movie budget from themoviedb in $
    {movierevenue}            movie revenue from themoviedb in $
    {moviegenres}             movie genres from themoviedb
    {moviehomepage}           movie homepage from themoviedb
    {moviereleasedate}        movie release date from themoviedb
    {movieruntime}            movie runtime from themoviedb
    {moviepopularity}         movie popularity from themoviedb
    {movievoteaverage}        movie vote average from themoviedb
    {posterwidth}             width of scraped poster
    {posterheight}            height of scraped poster
    {posterpath}              absolute path of scraped poster
    {fanartwidth}             width of scraped fanart
    {fanartheight}            height of scraped fanart
    {fanartpath}              absolute path of scraped fanart
    {movieiscollection}       true if movie is part of a collection
    {moviecollectionName}     name of movie collection
    {collectionposterwidth}   width of scraped collection poster
    {collectionposterheight}  height of scraped collection poster
    {collectionposterpath}    absolute path of scraped collection poster
    {collectionfanartwidth}   width of scraped collection fanart
    {collectionfanartheight}  height of scraped collection fanart
    {collectionfanartpath}    absolute path of scraped collection fanart
    {actors[]}                array with movie actors
    {actors[name]}            real name of actor
    {actors[role]}            actor role
    {actors[thumb]}           absolute path of scraped actor thumb
    {actors[thumbwidth]}      width of scraped actor thumb
    {actors[thumbheight]}     height of scraped actor thumb

    {isseries}                true if event is scraped as a series
    Available variables for series:
    {seriesname}              name of series
    {seriesoverview}          series overview
    {seriesfirstaired}        first aired date 
    {seriesnetwork}           network which produces series
    {seriesgenre}             series genre
    {seriesrating}            series thetvdb rating
    {seriesstatus}            status of series (running / finished)
    {episodetitle}            title of episode
    {episodenumber}           number of episode
    {episodeseason}           season of episode
    {episodefirstaired}       first aired date of episode
    {episodegueststars}       guest stars of episode
    {episodeoverview}         episode overview
    {episoderating}           user rating for episode
    {episodeimagewidth}       episode image width
    {episodeimageheight}      episode image height
    {episodeimagepath}        episode image path
    {seasonposterwidth}       episode season poster width
    {seasonposterheight}      episode season poster height
    {seasonposterpath}        episode season poster path
    {seriesposter1width}      width of 1st poster
    {seriesposter1height}     height of 1st poster
    {seriesposter1path}       path of 1st poster
    {seriesposter2width}      width of 2nd poster
    {seriesposter2height}     height of 2nd poster
    {seriesposter2path}       path of 2nd poster
    {seriesposter3width}      width of 3rd poster
    {seriesposter3height}     height of 3rd poster
    {seriesposter3path}       path of 3rd poster
    {seriesfanart1width}      width of 1st fanart
    {seriesfanart1height}     height of 1st fanart
    {seriesfanart1path}       path of 1st fanart
    {seriesfanart2width}      width of 2nd fanart
    {seriesfanart2height}     height of 2nd fanart
    {seriesfanart2path}       path of 2nd fanart
    {seriesfanart3width}      width of 3rd fanart
    {seriesfanart3height}     height of 3rd fanart
    {seriesfanart3path}       path of 3rd fanart
    {seriesbanner1width}      width of 1st banner
    {seriesbanner1height}     height of 1st banner
    {seriesbanner1path}       path of 1st banner
    {seriesbanner2width}      width of 2nd banner
    {seriesbanner2height}     height of 2nd banner
    {seriesbanner2path}       path of 2nd banner
    {seriesbanner3width}      width of 3rd banner
    {seriesbanner3height}     height of 3rd banner
    {seriesbanner3path}       path of 3rd fanart
    {actors[]}                array with movie actors
    {actors[name]}            real name of actor
    {actors[role]}            actor role
    {actors[thumb]}           absolute path of scraped actor thumb
    {actors[thumbwidth]}      width of scraped actor thumb
    {actors[thumbheight]}     height of scraped actor thumb    
    -->
    <!-- delay (in seconds) defines the time to wait till viewelement is displayed
    fadetime in ms -->
    <onpause delay="60" fadetime="0">
    </onpause>

    <onpausemodeonly delay="30" fadetime="0">
    </onpausemodeonly>

</displayreplay>
