<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<floater
        layout="topleft"
        name="env_edit_extdaycycle"
        help_topic="day_presets"
        save_rect="false"
        title="Edit Day Cycle"
        width="700"
        height="368"
        min_width="705"
        min_height="368"
        single_instance="true" 
        can_resize="false">

    <!-- obsolete?, add as hint for 'save' button? -->
    <string name="title_new">Create a New Day Cycle</string>
    <string name="title_edit">Edit Day Cycle</string>
    <string name="hint_new">Name your day cycle, adjust the controls to create it, and click "Save".</string>
    <string name="hint_edit">To edit your day cycle, adjust the controls below and click "Save".</string>

    <!-- Substitutions -->
    <string name="time_label">([HH]:[MM])</string>
    <string name="sky_track_label">Sky [ALT]</string>
    <string name="sky_label">Sky</string>
    <string name="water_label">Water</string>

    <string name="commit_parcel">Apply To Parcel</string>
    <string name="commit_region">Apply To Region</string>

<text
                            name="icn_lock_edit"
                            follows="left|top"
                            height="10"
                            layout="topleft"
                            left_delta="10"
                            top="0"
                            width="500">
                        Select a key frame from the timeline below to edit settings.
                    </text>
                    <icon
    follows="top|left"
    height="100"
    color="1 1 1 1"
    image_name="Panel_Background"
    layout="topleft"
    name="vicon"
    mouse_opaque="false"
    visible="true"
    width="686"
    top_pad="30"
    left="7"/>
                    <panel name="timeline_layers"
                            border="false"
                            follows="left|top"
                            height="25"
                            left="7"
                            width="689"
                            top_delta="-25"
                            min_height="0"
                            visible="true">
                        <button
                                follows="left|top"
                                height="20"
                                label="Sky 4"
                                layout="topleft"
    image_selected="TabTop_Middle_Selected"
    image_unselected="TabTop_Middle_Off"
                                top_pad="5"
                                left="0"
                                name="sky4_track"
                                width="140"> 
                            <button.commit_callback
                                    function="DayCycle.Track"
                                    parameter="4" />
                        </button>
                        <button
                                follows="left|top"
                                height="20"
                                label="Sky 3"
                                layout="topleft"
    image_selected="TabTop_Middle_Selected"
    image_unselected="TabTop_Middle_Off"
                                top_delta="0"
                                left_pad="0"
                                name="sky3_track"
                                width="136"> 
                            <button.commit_callback
                                    function="DayCycle.Track"
                                    parameter="3" />
                        </button>
                        <button
                                follows="left|top"
                                height="20"
                                label="Sky 2"
                                layout="topleft"
    image_selected="TabTop_Middle_Selected"
    image_unselected="TabTop_Middle_Off"
                                top_delta="0"
                                left_pad="0"
                                name="sky2_track"
                                width="136"> 
                            <button.commit_callback
                                    function="DayCycle.Track"
                                    parameter="2" />
                        </button>
                        <button
                                follows="left|top"
                                height="20"
                                label="Ground Level"
                                layout="topleft"
    image_selected="TabTop_Middle_Selected"
    image_unselected="TabTop_Middle_Off"
                                top_delta="0"
                                left_pad="0"
                                name="sky1_track"
                                width="136"> 
                            <button.commit_callback
                                    function="DayCycle.Track"
                                    parameter="1" />
                        </button>
                        <button
                                follows="left|top"
                                height="20"
                                label="Water"
                                layout="topleft"
    image_selected="TabTop_Middle_Selected"
    image_unselected="TabTop_Middle_Off"
                                top_delta="0"
                                left_pad="0"
                                name="water_track"
                                width="138"> 
                            <button.commit_callback
                                    function="DayCycle.Track"
                                    parameter="0" />
                        </button>
                    </panel>
                    <panel name="timeline"
                            follows="left|top"
                            height="97"
                            min_height="0"
                            width="683"
                            left_delta="1"
                            top_pad="1"
                            visible="true">              
                        <!-- Todo: These 5 tests might be subjected to a change to be dynamically generated, consider using layout_stack to get dynamic width adjustment-->
                        <text
                                follows="left|top"
                                height="15"
                                layout="topleft"
                                left="10"
                                name="p0"
                                top_pad="5"
                                value="0% [DSC]"
                                width="90" />
                        <text
                                follows="left|top|right"
                                height="15"
                                layout="topleft"
                                left_delta="135"
                                name="p1"
                                top_delta="0"
                                value="25% [DSC]"
                                width="90" />
                        <text
                                follows="left|top|right"
                                height="15"
                                layout="topleft"
                                left_delta="135"
                                name="p2"
                                top_delta="0"
                                value="50% [DSC]"
                                width="90" />
                        <text
                                follows="left|top|right"
                                height="15"
                                layout="topleft"
                                left_delta="135"
                                name="p3"
                                top_delta="0"
                                value="75% [DSC]"
                                width="90" />
                        <text
                                follows="left|top|right"
                                height="15"
                                layout="topleft"
                                left_delta="135"
                                name="p4"
                                top_delta="0"
                                value="100% [DSC]"
                                width="90" />
                        <multi_slider
                                decimal_digits="0"
                                draw_track="false"
                                follows="bottom"
                                height="10"
                                increment="0.005"
                                overlap_threshold="0.026"
                                initial_value="0"
                                layout="topleft"
                                left="10"
                                max_sliders="1"
                                max_val="1"
                                name="WLTimeSlider"
                                show_text="false"
                                top_pad="0"
                                use_triangle="true"
                                width="603" />

                        <multi_slider
                                decimal_digits="0"
                                follows="bottom"
                                height="10"
                                increment="0.005"
                                overlap_threshold="0.026"
                                loop_overlap="true"
                                initial_value="0"
                                layout="topleft"
                                left="10"
                                max_sliders="20"
                                max_val="1"
                                name="WLDayCycleFrames"
                                show_text="false"
                                top_pad="10"
                                width="603" />

                        <text
                                follows="left|bottom"
                                height="25"
                                layout="topleft"
                                left_pad="5"
                                name="current_time"
                                value="[PRCNT]% [DSC]"
                                top_delta="-1"
                                width="56"
                                word_wrap="true"/>

                                <button
                                        follows="top|left"
                                        height="23"
                                        width="110"
                                        label="Clone Track From"
                                        image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                                        left="1"
                                        top_pad="11"
                                        name="copy_track" />
                                <button
                                        follows="top|left"
                                        height="23"
                                        width="110"
                                        label="Load Track From"
                                        image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                                        top_delta="0"
                                        left_pad="1"
                                        name="load_track" />
                                <button
                                        follows="top|left"
                                        height="23"
                                        width="109"
                                        label="Clear Track"
                                        image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                                        top_delta="0"
                                        left_pad="1"
                                        name="clear_track" />
                                    
                                        <button
                                                name="skip_back_btn"
                                                follows="top"
                                                image_overlay="SkipBackward_Off"
                                                image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                                                hover_glow_amount="0.15"
                                                auto_resize="false"
                                                width="25"
                                                height="23"
                                                layout="topleft"
                                                tool_tip="Step back"
                                                top_delta="0"
                                                left_pad="1">
                                            <button.commit_callback
                                                    function="DayCycle.PlayActions"
                                                    parameter="back" />
                                        </button>
                                        <button
                                                name="play_btn"
                                                follows="top"
                                                image_overlay="Play_Off"
                                                image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                                                hover_glow_amount="0.15"
                                                auto_resize="false"
                                                layout="topleft"
                                                height="23"
                                                width="25"
                                                left_pad="1"
                                                top_delta="0">
                                            <button.commit_callback
                                                    function="DayCycle.PlayActions"
                                                    parameter="play" />
                                        </button>
                                        <button
                                                name="pause_btn"
                                                follows="top"
                                                image_overlay="Pause_Off"
                                                image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                                                hover_glow_amount="0.15"
                                                auto_resize="false"
                                                visible="false"
                                                layout="topleft"
                                                height="23"
                                                width="25"
                                                left_delta="0"
                                                top_delta="0">
                                            <button.commit_callback
                                                    function="DayCycle.PlayActions"
                                                    parameter="pause" />
                                        </button>
                                        <button
                                                name="skip_forward_btn"
                                                follows="top"
                                                image_overlay="SkipForward_Off"
                                                image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                                                hover_glow_amount="0.15"
                                                width="25"
                                                height="23"
                                                layout="topleft"
                                                left_pad="1"
                                                tool_tip="Step forward"
                                                top_delta="0">
                                            <button.commit_callback
                                                    function="DayCycle.PlayActions"
                                                    parameter="forward" />
                                        </button>
                                        
                                <button

                                        follows="top|right"
                                        height="23"
                                        width="90"
                                        left_pad="1"
                                        top_delta="0"
                                        image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                                        label="Add [FRAME]"
                                        name="add_frame" />
                                <button
                                        follows="top|left"
                                        height="23"
                                        width="90"
                                        image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                                        label="Load [FRAME]"
                                        top_delta="0"
                                        left_pad="1"
                                        name="btn_load_frame" />
                                <button
                                        follows="left|top"
                                        height="23"
                                        width="90"
                                        image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                                        label="Delete [FRAME]"
                                        top_delta="0"
                                        left_pad="1"
                                        name="delete_frame" />
                    </panel>
                    <icon
    follows="top|left"
    height="193"
    color="1 1 1 1"
    image_name="Panel_Background"
    layout="topleft"
    name="vicon"
    mouse_opaque="false"
    visible="true"
    width="686"
    top_pad="30"
    left="7"/>
                    <tab_container
                            follows="all"
                            halign="center"
                            height="188"
                            layout="topleft"
                            left="5"
                            name="water_tabs"
                            tab_height="20"
                            tab_position="top"
                            tab_width="140"
                            tab_padding_right="3"
                            top_delta="-20"
                            width="689">
                        <panel
                                class="panel_settings_water_settings"
                                filename="panel_settings_water_settings.xml"
                                label="Settings"
                                layout="topleft"
                                left_delta="0"
                                top_pad="5"
                                name="water_image_panel"/>
                        <panel
                                class="panel_settings_water_image"
                                filename="panel_settings_water_image.xml"
                                label="Image"
                                layout="topleft"
                                left_delta="0"
                                top_pad="5"
                                name="water_settings_panel"/>
                    </tab_container>
                    <tab_container
                            follows="all"
                            halign="center"
                            height="188"
                            visible="true"
                            layout="topleft"
                            left="5"
                            name="sky_tabs"
                            tab_height="20"
                            tab_position="top"
                            tab_width="140"
                            tab_padding_right="3"
                            top_delta="0"
                            width="689">
                        <panel
                                class="panel_settings_atmos"
                                filename="panel_settings_sky_atmos.xml"
                                label="Atmosphere &amp; Lighting"
                                layout="topleft"
                                left_delta="0"
                                top_pad="5"
                                name="atmosphere_panel" />
                        <panel
                                class="panel_settings_sunmoon"
                                filename="panel_settings_sky_sunmoon.xml"
                                label="Sun &amp; Moon"
                                layout="topleft"
                                left_delta="0"
                                top_pad="5"
                                name="moon_panel" />
                        <panel
                                class="panel_settings_cloud"
                                filename="panel_settings_sky_clouds.xml"
                                label="Clouds"
                                layout="topleft"
                                left_delta="0"
                                top_pad="5"
                                name="clouds_panel" />
                        <!-- added programatically so it doesn't show up whether we want it or not
                        <panel
                                border="true"
                                class="panel_settings_density"
                                filename="panel_settings_sky_density.xml"
                                label="Density"
                                layout="topleft"
                                left_delta="0"
                                top_pad="5"
                                name="density_panel" />
                         -->
                    </tab_container>
                    <icon
    follows="left|bottom|right"
    image_name="Toolbar_Middle_Off"
    height="23"
    width="120"
    layout="topleft"
    name="sky_preset_icon"
    left_delta="4"
    top_pad="1"/>
            <text
                    follows="top|left"
                    height="10"
                    layout="topleft"
                    name="label"
                    left="15"
                    top_delta="5"
                    width="105">
                Day Cycle Name:
            </text>
            <line_editor
                    follows="top|left"
                    layout="topleft"
                    left_pad="10"
                    max_length_bytes="100"
                    name="day_cycle_name"
                    prevalidate_callback="ascii"
                    top_delta="-5"
                    width="200"
                    height="22" />
            <button
                    height="23"
                    label="Import"
                    follows="left|top"
                    left_pad="1"
                    top_delta="0"
                    name="btn_import"
                    image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                    tool_tip="Import legacy settings from disk." 
                    width="111" />
            <button
                    follows="top|left"
                    height="23"
                    label="Save"
                    left_pad="1"
                    top_delta="0"
                    name="save_btn"
                    image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                    width="111" />

            <button
                    follows="top|left"
                    height="23"
                    name="btn_flyout"
                    label=""
                    layout="topleft"
                    left_pad="1"
                    top_delta="0"
                    image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                    image_overlay="Arrow_Small_Up"
                    width="25"/>

            <button
                    follows="top|left"
                    height="23"
                    label="Cancel"
                    layout="topleft"
                    left_pad="1"
                    image_hover_unselected="Toolbar_Middle_Over"
    image_selected="Toolbar_Middle_Selected"
    image_unselected="Toolbar_Middle_Off"
                    name="cancel_btn"
                    width="110" />
            


</floater>
