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

    <LayerPanel name = "layer">
        <rect> 0, 0, 784, 436 </rect>
        <depth> 100 </depth>

    <ImageTextButton name = "btnBack">
        <rect> 17, 19, 86, 27</rect>
        <text_padding> 0, 0, 2, 0 </text_padding>
        <txNoFocus> '*Media/Chapterview/btn_back_N.png' </txNoFocus>
        <txFocus> '*Media/Chapterview/btn_back_H.png' </txFocus>
        <txPress> '*Media/Chapterview/btn_back_P.png' </txPress>
        <txDisable> '*Media/Chapterview/btn_back_D.png' </txDisable>
        <txMouseOver> '*Media/Chapterview/btn_back_H.PNG' </txMouseOver>  
        <caption> LANG('Back') </caption>
        <color> 255, 255, 255, 255 </color>
        <fontsize> 12 </fontsize>
        <text_padding> 16, 0, 0, 0 </text_padding>
        <align> 'C' </align>
        <bind event = "Click"> onUIBack </bind>
        <dock_side> 'TOP' </dock_side>
        <tipText> LANG('Tooltip Exit Chapter View') </tipText>
        <isFocusMouseEnter> True </isFocusMouseEnter>
    </ImageTextButton>

    <Picture>
        <imageFileName> '*Media/Chapterview/divide.png' </imageFileName>
        <isKeepRatio> False </isKeepRatio>
        <dock_side> 'LEFT', 'TOP' </dock_side>
        <rect> 122, 16, 2, 27 </rect>
    </Picture>

    <ImageTextButton name = "btnChapterFanView">
        <rect> 148, 19, 51, 27 </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_h.PNG') </txMouseOver>
        <dock_side> 'LEFT', 'TOP' </dock_side>
        <tipText> LANG('Tooltip Chapter FanView') </tipText>
        <isFocusMouseEnter> True </isFocusMouseEnter>
    </ImageTextButton>

    <ImageTextButton name = "btnChapterGridView">
        <rect> 199, 19, 51, 27 </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_h.PNG') </txMouseOver>
        <bind event = "Click"> onChapterGridView </bind>
        <dock_side> 'LEFT', 'TOP' </dock_side>
        <tipText> LANG('Tooltip Chapter GridView') </tipText>
        <isFocusMouseEnter> True </isFocusMouseEnter>
    </ImageTextButton>

    <Text name = "textChapterView">
        <rect> 275, 7, 236, 22 </rect>
        <text> LANG('Chapter Viewer') </text>
        <color> 255, 158, 204, 255 </color>
        <font> 'Segoe UI*Bold' </font>
        <fontsize> 16 </fontsize>
        <align> 'C' </align>
        <dock_side> 'LEFT', 'TOP', 'RIGHT' </dock_side>
        <enableInactiveState> False </enableInactiveState>
    </Text>

    <Text name = "textChapterCount">
        <rect> 275, 33, 236, 20 </rect>
        <color> 255, 255, 255, 255 </color>
        <font> 'Segoe UI' </font>
        <fontsize> 14 </fontsize>
        <align> 'C' </align>
        <dock_side> 'LEFT', 'TOP', 'RIGHT' </dock_side>
        <enableInactiveState> False </enableInactiveState>
    </Text>

    <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> 275, 361, 236, 22 </rect>
        <color> 255, 255, 255, 255 </color>
        <fontsize> 18 </fontsize>
        <dock_side> 'HORZ', 'VERT' </dock_side>
    </Text>
    <Text name = "textChapterName" style = "ResumePage.ChapterText">
        <rect> 275, 391, 236, 200 </rect>
        <multiline> True </multiline>
        <color> 255, 255, 255, 255 </color>
        <align> 'CT' </align>
        <fontsize> 18 </fontsize>
        <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" left = "btnBack"/>
    <dirmap from = "btnChapterGridView" down = "FanBrowser" left = "btnChapterFanView"/>
    <dirmap from = "btnBack" down = "FanBrowser" right = "btnChapterFanView"/>
    <dirmap from = "FanBrowser" up = "btnChapterFanView"/>
    
</Dialog>
