<#if !stack.findValue("#optiontransferselect_js_included")?exists><#t/> <#assign temporaryVariable = stack.setValue("#optiontransferselect_js_included", "true") /><#t/> <#t/>
<#if parameters.leftTitle?exists><#t/>
<#t/> <#include "/${parameters.templateDir}/simple/select.ftl" /> <#if parameters.allowUpDownOnLeft?default(true)> onclick="moveOptionDown(document.getElementById('${parameters.id}'), 'key', '${parameters.headerKey}');" <#else> onclick="moveOptionDown(document.getElementById('${parameters.id}'), 'key', '');" <#if parameters.leftDownLabel?exists> value="${parameters.leftDownLabel?html}" /> onclick="moveOptionUp(document.getElementById('${parameters.id}'), 'key', '${parameters.headerKey}');" <#else> onclick="moveOptionUp(document.getElementById('${parameters.id}'), 'key', '');" <#if parameters.leftUpLabel?exists> value="${parameters.leftUpLabel?html}" />
<#if parameters.allowAddToLeft?default(true)><#t/> <#assign addToLeftLabel = parameters.addToLeftLabel?default("<-")?html/><#t/> <#if parameters.doubleHeaderKey?exists><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle?html}" <#t/> value="${addToLeftLabel}" onclick="moveSelectedOptions(document.getElementById('${parameters.doubleId?html}'), document.getElementById('${parameters.id?html}'), false, '${parameters.doubleHeaderKey}', '')" />

<#else><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle?html}" <#t/> value="${addToLeftLabel}" onclick="moveSelectedOptions(document.getElementById('${parameters.doubleId?html}'), document.getElementById('${parameters.id?html}'), false, '')" />

<#t/> <#t/> <#if parameters.allowAddToRight?default(true)><#t/> <#assign addToRightLabel=parameters.addToRightLabel?default("->")?html /><#t/> <#if parameters.headerKey?exists><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle?html}" <#t/> value="${addToRightLabel}" onclick="moveSelectedOptions(document.getElementById('${parameters.id?html}'), document.getElementById('${parameters.doubleId?html}'), false, '${parameters.headerKey}', '')" />

<#else><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists> style="${parameters.buttonCssStyle?html}" <#t/> value="${addToRightLabel}" onclick="moveSelectedOptions(document.getElementById('${parameters.id?html}'), document.getElementById('${parameters.doubleId?html}'), false, '')" />

<#t/> <#t/> <#if parameters.allowAddAllToLeft?default(true)><#t/> <#assign addAllToLeftLabel=parameters.addAllToLeftLabel?default("<<--")?html /><#t/> <#if parameters.doubleHeaderKey?exists><#t/> <#t/> class="${parameters.buttonCssClass}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle}" <#t/> value="${addAllToLeftLabel}" onclick="moveAllOptions(document.getElementById('${parameters.doubleId?html}'), document.getElementById('${parameters.id?html}'), false, '${parameters.doubleHeaderKey}', '')" />

<#else><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle?html}" <#t/> value="${addAllToLeftLabel}" onclick="moveAllOptions(document.getElementById('${parameters.doubleId?html}'), document.getElementById('${parameters.id?html}'), false, '')" />

<#t/> <#t/> <#if parameters.allowAddAllToRight?default(true)><#t/> <#assign addAllToRightLabel=parameters.addAllToRightLabel?default("-->>")?html /><#t/> <#if parameters.headerKey?exists><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle?html}" <#t/> value="${addAllToRightLabel}" onclick="moveAllOptions(document.getElementById('${parameters.id?html}'), document.getElementById('${parameters.doubleId?html}'), false, '${parameters.headerKey}', '')" />

<#else><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle?html}" <#t/> value="${addAllToRightLabel}" onclick="moveAllOptions(document.getElementById('${parameters.id?html}'), document.getElementById('${parameters.doubleId?html}'), false, '')" />

<#t/> <#t/> <#if parameters.allowSelectAll?default(true)><#t/> <#assign selectAllLabel=parameters.selectAllLabel?default("<*>")?html /><#t/> <#if parameters.headerKey?exists && parameters.doubleHeaderKey?exists><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle?html}" <#t/> value="${selectAllLabel}" onclick="selectAllOptionsExceptSome(document.getElementById('${parameters.id?html}'), 'key', '${parameters.headerKey}');selectAllOptionsExceptSome(document.getElementById('${parameters.doubleId?html}'), 'key', '${parameters.doubleHeaderKey}');" />

<#elseif parameters.headerKey?exists><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle?html}" <#t/> value="${selectAllLabel}" onclick="selectAllOptionsExceptSome(document.getElementById('${parameters.id?html}'), 'key', '${parameters.headerKey}');selectAllOptions(document.getElementById('${parameters.doubleId?html}'));" />

<#elseif parameters.doubleHeaderKey?exists><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle?html}" <#t/> value="${selectAllLabel}" onclick="selectAllOptions(document.getElementById('${parameters.id?html}'));selectAllOptionsExceptSome(document.getElementById('${parameters.doubleId?html}'), 'key', '${parameters.doubleHeaderKey}');" />

<#else><#t/> <#t/> class="${parameters.buttonCssClass?html}" <#t/> <#if parameters.buttonCssStyle?exists><#t/> style="${parameters.buttonCssStyle?html}" <#t/> value="${selectAllLabel}" onclick="selectAllOptions(document.getElementById('${parameters.id?html}'));selectAllOptions(document.getElementById('${parameters.doubleId?html}'));" />

<#t/> <#t/>
<#if parameters.rightTitle?exists><#t/>
<#t/> <#if parameters.allowUpDownOnRight?default(true)> onclick="moveOptionDown(document.getElementById('${parameters.doubleId}'), 'key', '${parameters.doubleHeaderKey}');" <#else> onclick="moveOptionDown(document.getElementById('${parameters.doubleId}'), 'key', '');" <#if parameters.rightDownLabel?exists> value="${parameters.rightDownLabel?html}" /> onclick="moveOptionUp(document.getElementById('${parameters.doubleId}'), 'key', '${parameters.doubleHeaderKey}');" <#else> onclick="moveOptionUp(document.getElementById('${parameters.doubleId}'), 'key', '');" <#if parameters.rightUpLabel?exists> value="${parameters.rightUpLabel?html}" />