<div class="webGadget_SetupControl">

    <div class="se-gadget-setup detailsPanel">
        <div for="setup-control-uri-input" class="headerTextSmall themeColor">
            <%loc Gadgets.WebGadgetControl_SourceHeading %>
            <div class="icon-16 icon-info-128" title="<%loc Gadgets.WebGadgetControl_UriTooltip %>"></div>
        </div>
        <input id="setup-control-uri-input" type="text" class="se-gadget-setup-input" maxlength="3000" name="Uri" placeholder="<%loc Gadgets.WebGadgetControl_UriEntryHelp %>">
    </div>

    <div class="se-gadget-setup detailsPanel">
        <div for="setup-control-refreshInterval-input" class="headerTextSmall themeColor"><%loc Gadgets.WebGadgetControl_RefreshHeading %></div>
        <select id="setup-control-refreshInterval-input" class="refreshIntervalSelect">
            <option value="0"><%loc General.None %></option>
            <option value="5"><%loc General.Time_5Seconds %></option>
            <option value="10"><%loc General.Time_10Seconds %></option>
            <option value="30"><%loc General.Time_30Seconds %></option>
            <option value="60"><%loc General.Time_1Minute %></option>
            <option value="300"><%loc General.Time_5Minutes %></option>
            <option value="900"><%loc General.Time_15Minutes %></option>
        </select>
    </div>

    <div class="se-gadget-setup detailsPanel">
        <div for="setup-control-frameWidth-input" class="headerTextSmall themeColor"><%loc Gadgets.WebGadgetControl_Frame_Label %></div>
        <input id="setup-control-frameWidth-input" type="text" class="se-gadget-setup-input input-medium" maxlength="7" name="frameWidth">
    </div>

    <div class="clear"></div>

    <div class="se-gadget-setup">
        <div class="headerTextSmall themeColor removeIfSmall"><%loc Gadgets.WebGadgetControl_DisplayModeHeading %></div>
        <div class="clearGapHalf removeIfSmall"></div>
        <label class="displayModeOption">
            <input name="setup-control-displayMode-input" class="setup-control-displayMode-input" value="1" type="radio" id="displayMode-1">
            <span><%loc Gadgets.WebGadgetControl_DisplayMode_Scroll %></span>
        </label>

        <label class="displayModeOption">
            <input name="setup-control-displayMode-input" class="setup-control-displayMode-input" value="0" type="radio" id="displayMode-0">
            <span><%loc Gadgets.WebGadgetControl_DisplayMode_Crop %></span>
        </label>
    </div>
    <div class="se-gadget-setup cropControls">
        <table>
            <tbody>
                <tr>
                    <td></td>
                    <td class="top-offset">
                        <label for="setup-control-offsetX-input"><%loc Gadgets.WebGadgetControl_CropOffestX %></label>
                        <div class="clear"></div>
                        <input id="setup-control-offsetX-input" type="text" class="se-gadget-setup-input input-medium" maxlength="7" name="offsetX">
                    </td>
                    <td class="top-crop">
                        <label for="setup-control-viewPortWidth-input"><%loc Gadgets.WebGadgetControl_CropWidth %></label>
                        <div class="clear"></div>
                        <input id="setup-control-viewPortWidth-input" type="text" class="se-gadget-setup-input input-medium" maxlength="7" name="viewPortWidth">
                    </td>
                </tr>
                <tr>
                    <td class="left-offset">
                        <label for="setup-control-offsetY-input"><%loc Gadgets.WebGadgetControl_CropOffsetY %></label>
                        <div class="clear"></div>
                        <input id="setup-control-offsetY-input" type="text" class="se-gadget-setup-input input-medium" maxlength="7" name="offsetY">
                    </td>

                    <td colspan="2" rowspan="2" class="crop-image">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td class="left-crop">
                        <label for="setup-control-viewPortHeight-input"><%loc Gadgets.WebGadgetControl_CropHeight %></label>
                        <div class="clear"></div>
                        <input id="setup-control-viewPortHeight-input" type="text" class="se-gadget-setup-input input-medium" maxlength="7" name="viewPortHeight">
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="se-gadget-setup previewControls">
        <input type="button" class="buttonPreviewUrl" value="<%loc Gadgets.WebGadgetControl_PreviewButton_Title %>" title="<%loc Gadgets.WebGadgetControl_PreviewButton_Title %>" />
        <div class="clearGap"></div>
        <div class="iframePreview">
            <div class="webGadgetProper">
                <div class="viewPort">
                    <iframe class="webGadgetIframe" src=""></iframe>
                </div>
            </div>
        </div>
    </div>
</div>