#controlHeader ($action $customField.id $customField.name $fieldLayoutItem.required $displayParameters.noHeader)

<script language="JavaScript">
    function openMultiWindow(element)
    {
        var vWinUsers = window.open('$req.contextPath/secure/popups/UserPickerBrowser.jspa?formName=jiraform&multiSelect=true&element=' + element, 'UserPicker', 'status=yes,resizable=yes,top=100,left=200,width=580,height=750,scrollbars=yes');
        vWinUsers.opener = self;
        vWinUsers.focus();
    }

#if ($canPerformAjaxSearch)
    YAHOO.util.Event.addListener(window, 'load', function() {
       var fieldName = '$customField.id';
       var limit = $ajaxLimit;
       var yuiConfig = {
                minQueryLength : 2,
                queryDelay : 0.25,
                cacheResults : false,
                maxResultsDisplayed : limit,
                delimChar : [',']
        }
        var config = {
            inputId : '$customField.id',
            containerId : '${customField.id}_container',
            resultsId : '${customField.id}_results',
            dwrInvokerFunc : function(query, dwrCallContext)
            {
                AjaxUserPicker.getUsers(fieldName, query, dwrCallContext);
            }
        };
        new atlassian.jira.widget.AutoComplete(config, yuiConfig);
     });
#end
</script>

#set ($userString = "")
#if ($value)
    #foreach ($selectedValue in $value)
        #if ($userString == "")
            #set ($userString=$selectedValue)
        #else
            #set ($userString="${userString}, $selectedValue")
        #end
    #end
#end


#if ($canPerformAjaxSearch)<div class="ajax_autocomplete" id="${customField.id}_container">#end<textarea id="$customField.id"
          name="$customField.id"
          cols="40"
          rows="3"
          style="width: 30%;">$userString</textarea>

    #if ($action.isHasPermission("pickusers"))
        <a href="javascript:openMultiWindow('$customField.id');"><img title="$i18n.getText('user.picker.select.users')" name="multiuserImage" src="${req.getContextPath()}/images/icons/filter_public.gif" hspace="0" height="16" width="16" border="0" align="top" /></a>
    #else
      <img title="$i18n.getText('user.picker.no.permission')" src="$req.contextPath/images/icons/userpicker_disabled.gif" hspace="0" height="16" width="16" border="0" align="top" />
    #end<br/>#if ($canPerformAjaxSearch)<div id="${customField.id}_results" class="ajax_results"></div><font size="1">${i18n.getText('user.picker.ajax.desc')}</font></div>#end
#controlFooter ($action $fieldLayoutItem.fieldDescription $displayParameters.noHeader)