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

    <LayerPanel name = "layer">
        <rect> 0, 0, 784, 436 </rect>
        <depth> 100 </depth>
        
    <Text name = "textChapterView">
        <rect> 5, 16, 235, 25 </rect>
        <text> LANG('Chapter Viewer') </text>
        <color> 255, 86, 156, 253 </color>
        <font> 'Segoe UI' </font>
        <fontsize> 20 </fontsize>
        <align> 'C' </align>
        <autoRoll> True </autoRoll>
        <enableInactiveState> False </enableInactiveState>
    </Text>
    <Text name = "textChapterCount">
        <rect> 6, 40, 235, 25 </rect>
        <color> 255, 86, 156, 253 </color>
        <font> 'Segoe UI' </font>
        <fontsize> 15 </fontsize>
        <align> 'C' </align>
        <enableInactiveState> False </enableInactiveState>
    </Text>
    
    <ImageTextButton name = "btnChapterFanView">
        <rect> 250, 20, 65, 31 </rect>
        <txNoFocus> PATH(r'Theme\Button\btn_fanview_n.png') </txNoFocus>
        <txFocus> PATH(r'Theme\Button\btn_fanview_h.png') </txFocus>
        <txPress> PATH(r'Theme\Button\btn_fanview_p.png') </txPress>
        <txDisable> PATH(r'Theme\Button\btn_fanview_d.png') </txDisable>
        <txMouseOver> PATH(r'Theme\Button\btn_fanview_f.PNG') </txMouseOver>        
        <dock_side> 'LEFT', 'TOP' </dock_side>
        <tipText> LANG('Tooltip Chapter FanView') </tipText>
        <isFocusMouseEnter> True </isFocusMouseEnter>
    </ImageTextButton>

    <ImageTextButton name = "btnChapterGridView">
        <rect> 316, 20, 65, 31 </rect>
        <txNoFocus> PATH(r'Theme\Button\btn_gridview_n.png') </txNoFocus>
        <txFocus> PATH(r'Theme\Button\btn_gridview_h.png') </txFocus>
        <txPress> PATH(r'Theme\Button\btn_gridview_p.png') </txPress>
        <txDisable> PATH(r'Theme\Button\btn_gridview_d.png') </txDisable>
        <txMouseOver> PATH(r'Theme\Button\btn_gridview_f.PNG') </txMouseOver>          
        <bind event = "Click"> onChapterGridView </bind>
        <dock_side> 'LEFT', 'TOP' </dock_side>
        <tipText> LANG('Tooltip Chapter GridView') </tipText>
        <isFocusMouseEnter> True </isFocusMouseEnter>
    </ImageTextButton>

    <ImageTextButton name = "btnBack">
        <rect> 696, 19, 71, 28</rect>
        <text_padding> 2, 0, 2, 0 </text_padding>
        <txNoFocus> PATH(r'Theme\Button\btn_close_n.png') </txNoFocus>
        <txFocus> PATH(r'Theme\Button\btn_close_h.png') </txFocus>
        <txPress> PATH(r'Theme\Button\btn_close_p.png') </txPress>
        <txDisable> PATH(r'Theme\Button\btn_close_d.png') </txDisable>
        <txMouseOver> PATH(r'Theme\Button\btn_close_f.PNG') </txMouseOver>  
        <caption> LANG('Back') </caption>
        <color> 255, 255, 255, 255 </color>
        <fontsize> 14 </fontsize>
        <bind event = "Click"> onUIBack </bind>
        <dock_side> 'RIGHT', 'TOP' </dock_side>        
        <tipText> LANG('Tooltip Exit Chapter View') </tipText>
    </ImageTextButton>

    <MovieFanView name = "FanBrowser">
        <rect> -500, 50, 1920, 1200</rect>
        <fanPos> 500+398, 2610 </fanPos>
        <nShowItems> 21 </nShowItems>
        <radius> 2424 </radius>
        <showAngle> 60.0/360 </showAngle>
        <animDuration> 0.3 </animDuration>
        <cellSize> 100, 70 </cellSize>
        <focusScaleRatio> 1.4 </focusScaleRatio>
        <leftShadowOffset> 8, 2 </leftShadowOffset>
        <rightShadowOffset> 8, 2 </rightShadowOffset>
        <angleThreshold> 0.3 </angleThreshold>
        <focusShadowOffset> 10, 10 </focusShadowOffset>
        <leftShadow> '*Media/Chapterview/Shadow_left.png' </leftShadow>
        <rightShadow> '*Media/Chapterview/Shadow_right.png' </rightShadow>
        <focusShadow> '*Media/Chapterview/chapter-HL.png' </focusShadow>
        <focusShadow2> '*Media/Chapterview/chapter-HL2.png' </focusShadow2>
        <defaultImage> '*Media/Chapterview/NoChapter_bg.PNG' </defaultImage>
        <!--<reflectMask> r'*Media/Chapterview/Reflect_mask.png' </reflectMask>-->
        <dock_side> 'HORZ', 'VERT' </dock_side>
        <showCenterPart> True </showCenterPart>
    </MovieFanView> 

    <Text name = "textWarning" style = "WarningText">
        <rect> 0, 70, 784, 400 </rect>
        <dock_side> 'HORZ', 'VERT' </dock_side>
        <text> LANG('FancyView not support in 2D mode') </text>
        <visible> False </visible>
    </Text>

    <Text name = "textChapterIndex" style = "ResumePage.ChapterText">
        <rect> 198, 340, 400, 20 </rect>
        <color> 255, 255, 255, 255 </color>
        <dock_side> 'HORZ', 'VERT' </dock_side>
    </Text>
    <Text name = "textChapterName" style = "ResumePage.ChapterText">
        <rect> 198, 370, 400, 200 </rect>
        <multiline> True </multiline>
        <color> 255, 255, 255, 255 </color>
        <align> 'CT' </align>
        <dock_side> 'HORZ', 'VERT' </dock_side>
    </Text>

    <AnimPanel name = "animLighting">
        <rect> 250, 0, 400, 312 </rect>
        <dock_side> 'LEFT', 'RIGHT', 'TOP', 'DOWN' </dock_side>
    </AnimPanel>

    </LayerPanel>

    <dirmap from = "btnChapterFanView" down = "FanBrowser" right = "btnChapterGridView"/>
    <dirmap from = "btnChapterGridView" down = "FanBrowser" right = "btnBack" left = "btnChapterFanView"/>
    <dirmap from = "btnBack" down = "FanBrowser" left = "btnChapterGridView"/>
    <dirmap from = "FanBrowser" up = "btnChapterFanView"/>
    
</Dialog>
