<Dialog width = "1024" height = "768" template = "Movie/__init__.xml">

    <MultiTextureImage name = "mtiMovieCover">
        <rect> 88, 90, 180, 240 </rect>
        <dock_side> 'HORZ', </dock_side>	
        <enabled> False </enabled>

        <Item name = "imgHover">
            <imageFileName> PATH(r'MovieLibrary\MovieCover_Hover.png') </imageFileName>
            <showInMouseOver> True </showInMouseOver>
            <size> 193, 243 </size>
        </Item>
        <Item name = "imgMovieBox">
            <imageFileName> PATH(r'MovieLibrary\MovieCover_Box.png') </imageFileName>
            <xy> 20, 40 </xy>
        </Item>
        <Item name = "imgMovieCover">
            <imageFileName> PATH(r'MovieLibrary\MovieCover_Default.png') </imageFileName>
            <rect> 20+23, 40+22, 104, 146 </rect>
        </Item>
        <Item name = "imgMovieCoverHighlight">
            <imageFileName> PATH(r'MovieLibrary\MovieCover_Highlight.png') </imageFileName>
            <xy> 20, 40 </xy>
        </Item>
        <Item name = "imgOffline">
            <imageFileName> PATH(r'MovieLibrary\Offline.png') </imageFileName>
            <xy> 20+23+38, 40+22+61 </xy>
            <visible> False </visible>
        </Item>
        <Item name = "imgMovieCoverReflection">
            <imageFileName> PATH(r'MovieLibrary\MovieCover_Default.png') </imageFileName>
            <alphaFileName> PATH(r'MovieLibrary\MovieCover_Mask.png') </alphaFileName>
            <effectFileName> PATH(r'fx\mask.fx') </effectFileName>
            <rect> 20+23, 40+22+294, 104, -146 </rect> <!-- negative height for drawing upside down -->
        </Item>
        <bind event = "Click"> onClickMovieCover </bind>
    </MultiTextureImage>

    <Text name = "textMovieName" style = "MovieText.BigTitle">
        <rect> 285, 140, 600, 80 </rect>
        <autoRoll> True </autoRoll>
        <dock_side> 'HORZ', </dock_side>
    </Text>
    
    <Text name = "textGlobalRating" style = "MovieText.Normal">
        <rect> 285, 220, 600, 40 </rect>
        <text> LANG("Global Rating") </text>
        <dock_side> 'HORZ', </dock_side>
    </Text>
    
    <Rating name = "ratGlobalRating">
        <rect> 285, 260, 167, 27 </rect>
        <backgroundImagePath> PATH(r'MovieLibrary\GlobalRating_Empty.png') </backgroundImagePath>
        <foregroundImagePath> PATH(r'MovieLibrary\GlobalRating_Full.png') </foregroundImagePath>
        <imageGap> 8 </imageGap>
        <dock_side> 'HORZ', </dock_side>
    </Rating>

    <Picture name = "picDecoLine">
        <rect> 88, 122+210, 800, 2 </rect>
        <imageFileName> PATH(r'MovieLibrary\DecoLine.png') </imageFileName>
        <dock_side> 'HORZ', </dock_side>	
    </Picture>  

    <MultiTextureImage name = "mtiResumeThumbnail">
        <rect> 300, 122+210+10, 800, 400 </rect>
        <enabled> False </enabled>

        <Item name = "imgResumeThumbnail">
            <alphaFileName> PATH(r'MovieLibrary\Mask.png') </alphaFileName>
            <effectFileName> PATH(r'fx\mask.fx') </effectFileName>
            <showCenterPart> True </showCenterPart>
        </Item>
    </MultiTextureImage>
    
    <!-- [TODO] to be replaced with text list control -->
    <Text name = "textNoMovieInfo" style = "MovieText.Normal" visible = "False">
        <rect> 88, 400, 800, 200 </rect>
        <text> LANG("No Movie Info") </text>
        <multiline> True </multiline>
        <align> 'C' </align>
        <dock_side> 'HORZ', </dock_side>
    </Text>

    <GroupContainer name = "groupMovieInfo">
        <visible> False </visible>
        <AutoResizeText name = "textGenreTitle" style = "MovieText.Title">
            <rect> 20, 350, 280, 35 </rect>
            <text> LANG("Movie Genre") </text>
            <dock_side> 'HORZ', </dock_side>
        </AutoResizeText>
        <AutoResizeText name = "textGenre" style = "MovieText.Normal">
            <rect> 330, 350, 600, 35 </rect>
            <autoRoll> True </autoRoll>
            <sizeDefault> 600, 35 </sizeDefault>
            <notifyBottomControls> 'textDirectorTitle', 'textDirector' </notifyBottomControls>
            <dock_side> 'HORZ', </dock_side>
        </AutoResizeText>
        
        <AutoResizeText name = "textDirectorTitle" style = "MovieText.Title">
            <rect> 20, 400, 280, 35 </rect>
            <text> LANG("Movie Director") </text>
            <dock_side> 'HORZ', </dock_side>
        </AutoResizeText>
        <AutoResizeText name = "textDirector" style = "MovieText.Normal">
            <rect> 330, 400, 600, 35 </rect>
            <sizeDefault> 600, 35 </sizeDefault>
            <sizeMax> 600, 60 </sizeMax>
            <multiline> True </multiline>
            <autoHeight> True </autoHeight>
            <notifyBottomControls> 'textCastTitle', 'textCast' </notifyBottomControls>
            <dock_side> 'HORZ', </dock_side>
        </AutoResizeText>
        
        <AutoResizeText name = "textCastTitle" style = "MovieText.Title">
            <rect> 20, 450, 280, 35 </rect>
            <text> LANG("Movie Cast") </text>
            <dock_side> 'HORZ', </dock_side>
        </AutoResizeText>
        <AutoResizeText name = "textCast" style = "MovieText.Normal">
            <rect> 330, 450, 600, 35 </rect>
            <sizeDefault> 600, 35 </sizeDefault>
            <sizeMax> 600, 60 </sizeMax>
            <multiline> True </multiline>
            <autoHeight> True </autoHeight>
            <notifyBottomControls> 'textReleaseDateTitle', 'textReleaseDate' </notifyBottomControls>
            <dock_side> 'HORZ', </dock_side>
        </AutoResizeText>
        
        <AutoResizeText name = "textReleaseDateTitle" style = "MovieText.Title">
            <rect> 20, 500, 280, 35 </rect>
            <text> LANG("Movie Release Date") </text>
            <dock_side> 'HORZ', </dock_side>
        </AutoResizeText>
        <AutoResizeText name = "textReleaseDate" style = "MovieText.Normal">
            <rect> 330, 500, 600, 35 </rect>
            <sizeDefault> 600, 35 </sizeDefault>
            <notifyBottomControls> 'textTaglineTitle', 'textTagline' </notifyBottomControls>
            <dock_side> 'HORZ', </dock_side>
        </AutoResizeText>
        
        <AutoResizeText name = "textTaglineTitle" style = "MovieText.Title">
            <rect> 20, 550, 280, 35 </rect>
            <text> LANG("Movie Tagline") </text>
            <dock_side> 'HORZ', </dock_side>
        </AutoResizeText>
        <AutoResizeText name = "textTagline" style = "MovieText.Normal">
            <rect> 330, 550, 600, 35 </rect>
            <sizeDefault> 600, 35 </sizeDefault>
            <sizeMax> 600, 70 </sizeMax>
            <autoHeight> True </autoHeight>
            <multiline> True </multiline>
            <dock_side> 'HORZ', </dock_side>
        </AutoResizeText>
    </GroupContainer>
    
    <ColorKeyPanel name = "colorKeyPanel" style = "ColorKeyPanel">
        <Item name="btnResume">
            <imageType> "Red" </imageType>
            <caption> LANG('Resume') </caption>
            <bind event = "Click"> onResume </bind>
            <enabled> False </enabled>
        </Item> 
        <Item name="btnPlay">
            <imageType> "Green" </imageType>
            <caption> LANG('Restart') </caption>
            <bind event = "Click"> onPlay </bind>
            <enabled> False </enabled>
        </Item> 
        <Item name="btnChapterView">
            <imageType> "Yellow" </imageType>
            <caption> LANG('Chapter Viewer') </caption>
            <bind event = "Click"> onChapterView </bind>
            <enabled> False </enabled>
        </Item> 
        <Item name="btnMore">
            <imageType> "Blue" </imageType>
            <caption> LANG('More') </caption>
            <bind event = "Click"> onMore </bind>
        </Item> 
    </ColorKeyPanel>
    
</Dialog>
