gistfile1.htm

<div id="upload-tabs" class="dash-content-tabs">
    <ul>
        <li class="dash-content-tab-link"><a href="javascript:;" rel="0"><span>From File</span></a></li>
        <li class="dash-content-tab-link"><a href="javascript:;" rel="1"><span>From URL</span></a></li>
    </ul>
</div>
<div id="upload-pages-slide-wrap" class="vslide-wrap">
    <div id="upload-pages" class="pages">
        <div class="page">

            <div id="twidl-upload-file">
                <div>
                    <a id="twidl-upload-select-btn" href="javascript:;" class="select-file">Click to choose image file</a> <a href="javascript:;" class="submit">Submit</a>
                </div>
                <div id="upload-info">
                <span class="filename"></span>
                </div>
            </div>

        </div>
        <div class="page">
            <div id="import-from-url-content">
                <form id="import-from-url-form" method="post" action="/twidl/import-from-url">
                    <div class="message-list"></div>
                    <input type="text" value="http://example.com/image.jpg" class="image-url" id="import-from-url-form-url" name="ImportFromUrlForm[url]" size="50" />
                    <span class="ajax-loading-image import-from-url-ajaxloadimg" style="display: none;"></span>
                    <input class="ajaxloading-button" type="submit" value="Submit" />
                    <div class="image-preview-wrap">
                        <img width="300" alt="Preview" title="Preview" class="image-preview" src="" style="display: none" />
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    (function() {
        Object.create(T.TwidlImageUploader).init($("#twidl-upload-file"));
        T.ImportFromUrl.init();

        var slider = Object.create(T.Components.VerticalSlider).init($("#upload-pages-slide-wrap"));
        Object.create(T.Components.SimpleTabs).init($("#upload-tabs"), {
            onTabSelected: function() {
                var $this = $(this);
                slider.selectPageIndex($this.find("a").attr("rel"));
            }
        });
        //var slider = Object.create(T.Components.VerticalSlider).init($("#upload-pages-slide-wrap"));
    })();
</script>