<%@ include file="/portal/include/include_java.jsp" %>
<c:set var="label"><c:out value="${param.label}" default="Field Label Position"/></c:set>
<fieldset id="labelPositionSnippet">
  <div class="legend"><c:out value="${label}"/></div>
  <div class="fields">
    <label for="labelPositionSnippet_labelRight" class="displayInline"><input type="radio" class="radio" value="right" name="labelPosition" data="labelPosition" id="labelPositionSnippet_labelRight" /><img src="<asi:url value='/forms/img/labelRight.gif'/>" alt="Next to field, right-justified" class="noEvents"/></label>
    <label for="labelPositionSnippet_labelLeft" class="displayInline"><input type="radio" class="radio" value="left" name="labelPosition" data="labelPosition" id="labelPositionSnippet_labelLeft"/><img src="<asi:url value='/forms/img/labelLeft.gif'/>" alt="Next to field, left-justified" class="noEvents"/> </label>
    <label for="labelPositionSnippet_labelAbove" class="displayInline"><input type="radio" class="radio" value="above" name="labelPosition" data="labelPosition" id="labelPositionSnippet_labelAbove"/><img src="<asi:url value='/forms/img/labelAbove.gif'/>" alt="Above field" class="noEvents"/></label>
  </div>          
</fieldset>
<script type="text/javascript">
  var labelPositionSnippet = $('#labelPositionSnippet');
  var labelPositionFields = $('[@name="labelPosition"]', labelPositionSnippet);
  var labelPositionImages = $('img', labelPositionSnippet);
  var namespace = window.FormDesigner.currentNamespace;
  var configData = window.FormData[namespace][window.componentKey];

  labelPositionFields.read(configData);
  labelPositionImages.click(function () {
    $(this).prev().get(0).click();
  });
  labelPositionFields.click(function () {
    labelPositionFields.write(window.FormData[window.FormDesigner.currentNamespace][componentKey]);
    window.Build.rebuild(window.FormDesigner.currentNamespace, window.componentKey);
  });
</script>
