<div class='ui-layout-east'>
    <h3 class='settings-nav resource-dialog-label'>settings</h3>
    <div class='settings'>
        <table>
            <tbody>
                <tr>
                    <td class='resource-dialog-label'>name</td>
                    <td>
                        <input class='name resource-dialog-input ui-widget-content ui-corner-all'
                               />
                    </td>
                </tr>
                <tr>
                    <td class='resource-dialog-label'>width</td>
                    <td>
                        <input class='width resource-dialog-input ui-widget-content ui-corner-all'
                               />
                    </td>
                </tr>
                <tr>
                    <td class='resource-dialog-label'>height</td>
                    <td>
                        <input class='height resource-dialog-input ui-widget-content ui-corner-all'
                               />
                    </td>
                </tr>
                <tr>
                    <td class='resource-dialog-label'>prev_scene</td>
                    <td>
                        <div class='select-prev-scene'></div>
                    </td>
                </tr>
                <tr>
                    <td class='resource-dialog-label'>next_scene</td>
                    <td>
                        <div class='select-next-scene'></div>
                    </td>
                </tr>
                <tr>
                    <td class="resource-dialog-label">hsp</td>
                    <td>
                        <input class="resource-dialog-input ui-widget-content ui-corner-all scene-hspeed"
                               />
                    </td>
                </tr>
                <tr>
                    <td class="resource-dialog-label">vsp</td>
                    <td>
                        <input class="resource-dialog-input ui-widget-content ui-corner-all scene-vspeed"
                               />
                    </td>
                </tr>
                <tr>
                    <td class="resource-dialog-label">default_layer</td>
                    <td>
                        <div class ="select-layer"></div>
                    </td>
                </tr>
            </tbody>
        </table>
        <label for="persistent" class="resource-dialog-label">persistent</label>
        <input id="persistent" type="checkbox" name="persistent"
               class="persistent" />
    </div>
    <h3 class='background-nav resource-dialog-label'>background</h3>
    <div class='background'>
        <table>
            <tbody>
                <tr>
                    <td class='resource-dialog-label'>background</td>
                    <td>
                        <div class='select-background'></div>
                    </td>
                </tr>
                <tr>
                    <td class="resource-dialog-label">background_repeat</td>
                    <td>
                        <div class="background-repeat"></div>
                    </td>
                </tr>
                <tr>
                    <td class="resource-dialog-label">hsp</td>
                    <td>
                        <input class="resource-dialog-input ui-widget-content ui-corner-all background-hspeed"
                               />
                    </td>
                </tr>
                <tr>
                    <td class="resource-dialog-label">vsp</td>
                    <td>
                        <input class="resource-dialog-input ui-widget-content ui-corner-all background-vspeed"
                               />
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <h3 class='layers-nav resource-dialog-label'>layers</h3>
    <div class='layers'>
        <div class='layer-toolbar'>
            <a class='addLayer'>add</a>
            <a class='upLayer'>up</a>
            <a class='downLayer'>down</a>
            <a class='editLayer'>edit</a>
            <a class='deleteLayer'>delete_</a>
        </div>
        <ul class='layer-content'></ul>
    </div>
    <h3 class='objects-nav resource-dialog-label'>objects</h3>
    <div class='objects'>
        <table>
            <tbody>
                <tr>
                    <td></td>
                    <td class='resource-dialog-label add_object_tip'>add_object_tip</td>
                </tr>
                <!--                <tr>
                                    <td class='resource-dialog-label'>objects</td>
                                    <td>
                                        <div class='select-object'></div>
                                    </td>
                                </tr>-->
                <tr>
                    <td class ="resource-dialog-label">object_id</td>
                    <td>
                        <input class='object-id resource-dialog-input ui-widget-content ui-corner-all'/>
                    </td>
                </tr>
                <tr>
                    <td class='resource-dialog-label'>xscale</td>
                    <td>
                        <input class='xscale resource-dialog-input ui-widget-content ui-corner-all'
                               />
                    </td>
                </tr>
                <tr>
                    <td class='resource-dialog-label'>yscale</td>
                    <td>
                        <input class='yscale resource-dialog-input ui-widget-content ui-corner-all'
                               />
                    </td>
                </tr>
                <tr>
                    <td class='resource-dialog-label'>rotation</td>
                    <td>
                        <input class='rotation resource-dialog-input ui-widget-content ui-corner-all'
                               />
                    </td>
                </tr>
                <tr>
                    <td class='resource-dialog-label'>coordx</td>
                    <td>
                        <input class='coordx resource-dialog-input ui-widget-content ui-corner-all'
                               />
                    </td>
                </tr>
                <tr>
                    <td class='resource-dialog-label'>coordy</td>
                    <td>
                        <input class='coordy resource-dialog-input ui-widget-content ui-corner-all'
                               />
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <label class='resource-dialog-label' for='hiddenAtStart'>hiddenAtStart</label>
                        <input id='hiddenAtStart' type='checkbox' name='hiddenAtStart'
                               class='hiddenAtStart' />
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <h3 class='layers-nav resource-dialog-label'>physics</h3>
    <div class='physics'>
        <label for="use-physics" class="resource-dialog-label">scene_use_physics</label>
        <input type="checkbox" id="use-physics" name="use-physics"
               class="use-physics" />
        <fieldset>
            <legend class="resource-dialog-label">gravity</legend>
            <label>x:</label>
            <input class="gravity-x resource-dialog-input ui-widget-content ui-corner-all"
                   />
            <br/>
            <label>y:</label>
            <input class="gravity-y resource-dialog-input ui-widget-content ui-corner-all"
                   />
        </fieldset>
    </div>
    <h3 class='layers-nav resource-dialog-label'>views</h3>
    <div class='views'>
        <label for="enable-views" class="resource-dialog-label">enable_views</label>
        <input id="enable-views" class="enable-views" type="checkbox"
               name="enable-views" />
        <label for="is-visible" class="resource-dialog-label">view_is_visible</label>
        <input id="is-visible" class="is-visible" type="checkbox"
               name="is-visible" />
        <fieldset>
            <legend class="resource-dialog-label">view_property</legend>
            <table>
                <tbody>
                    <tr>
                        <td>x:</td>
                        <td>
                            <input class="view-position-x resource-dialog-input ui-widget-content ui-corner-all"
                                   />
                        </td>
                    </tr>
                    <tr>
                        <td>y:</td>
                        <td>
                            <input class="view-position-y resource-dialog-input ui-widget-content ui-corner-all"
                                   />
                        </td>
                    </tr>
                    <tr>
                        <td class="resource-dialog-label">width</td>
                        <td>
                            <input class="view-width resource-dialog-input ui-widget-content ui-corner-all"
                                   />
                        </td>
                    </tr>
                    <tr>
                        <td class="resource-dialog-label">height</td>
                        <td>
                            <input class="view-height resource-dialog-input ui-widget-content ui-corner-all"
                                   />
                        </td>
                    </tr>
                </tbody>
            </table>
        </fieldset>
        <fieldset>
            <legend class="resource-dialog-label">object_following</legend>
            <a class="dialogButton select-object-id">select</a>
            <table>
                <tbody>
                    <tr>
                        <td class="resource-dialog-label">hbor</td>
                        <td>
                            <input class="object-hbor resource-dialog-input ui-widget-content ui-corner-all"
                                   />
                        </td>
                    </tr>
                    <tr>
                        <td class="resource-dialog-label">vbor</td>
                        <td>
                            <input class="object-vbor resource-dialog-input ui-widget-content ui-corner-all"
                                   />
                        </td>
                    </tr>
                    <tr>
                        <td class="resource-dialog-label">hsp</td>
                        <td>
                            <input class="view-hsp resource-dialog-input ui-widget-content ui-corner-all"
                                   />
                        </td>
                    </tr>
                    <tr>
                        <td class="resource-dialog-label">vsp</td>
                        <td>
                            <input class="view-vsp resource-dialog-input ui-widget-content ui-corner-all"
                                   />
                        </td>
                    </tr>
                </tbody>
            </table>
        </fieldset>
    </div>
</div>
<div class='ui-layout-center scene-content'>
    <div class='status-bar'>
        <div class='background-size'></div>
        <div class='active-layer'></div>
        <div class='zoom'></div>
        <div class="object-type"></div>
        <div class='cursor-position'></div>
    </div>
</div>
<div class='toolbuttons'>
    <a class='save'>Ctrl+S</a>
    <a class='zoomIn'>Ctrl++</a>
    <a class='zoomOut'>Ctrl+-</a>
    <a class="zoom-to-1">Ctrl + 0</a>
</div>