<style type="text/css">
	.demonstrations {
		border:2px solid #DCDCDC;
		margin-top:10px;
	}
</style>

<cfset variables._GIVEN_BY = "#client.user#">
<cfset variables._DATE = "#lsDateFormat( Now(), 'MM/DD/YYYY' )#">

<div id="spotlight-form" class="fse-hidden" style="margin-top:20px;">
	<h2 style="margin-bottom: 12px;">Foodservice Spotlight Recognition</h2>

	<table width="75%" cellpadding="3">
		<tr>
			<td colspan="6">I want to recognize 
				<span class="broker fse-hidden">
					<br/><br/><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_BROKER_REP" />(Broker Rep) from our
					<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_BROKER_COMPANY" />(Broker Team) 
				</span>
				<span class="member fse-hidden">
					<br/><br/><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_ASSOCIATE" />from our Jennie-O Team
				</span>for demonstrating:
			</td>
		</tr>
		<tr>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_1"/></td>
			<td class="l">Results Matter</td>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_2"/></td>
			<td class="l">Create Solutions</td>
		</tr>
		<tr>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_3"/></td>
			<td class="l">Speak Up</td>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_4"/></td>
			<td class="l">Challenge Yourself</td>
		</tr>
		<tr>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_5"/></td>
			<td class="l">Safety First</td>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_6"/></td>
			<td class="l">Grow Talent</td> 	
		</tr>
		<tr>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_7"/></td>
			<td class="l" colspan="5">Build Bridges</td>
		</tr>
	</table>
	
	<table style="margin-top: 16px;">
		<tr>
			<td>In the following manner:</td>
		</tr>
		<tr>
			<td>
				<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_FOLLOWING_MANNER" />
				<!--- <textarea cols="100" fse:maximumlength="1024" id="SPTLGHT_FOLLOWING_MANNER" name="SPTLGHT_FOLLOWING_MANNER" onkeydown="Fse.FormManager.updateCharsLeft(this);" onkeypress="return Fse.FormManager.checkFieldLength(this);" onkeyup="Fse.FormManager.updateCharsLeft(this);" rows="10"></textarea> --->
			</td>
		</tr>	
	</table>
	
	<table style="margin-top: 16px;">
		<tr>
			<td colspan="4">By doing this, my Spotlight choice has positively impacted the following key result(s):</td>	
		</tr>
		<tr>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_8"/></td>
			<td class="l">Top Line: 5%</td>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_9"/></td>
			<td class="l">Bottom Line: 10%</td>
		</tr>
		<tr>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_10"/></td>
			<td class="l">Cost Containment &lt; 1%</td>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_11"/></td>
			<td class="l">10% Year Over Year New Products Growth</td>
		</tr>
		<tr>
			<td class="cb"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_CB_12"/></td>
			<td class="l">10% Year Over Year Safety Improvement</td>
			<td colspan="2"></td>
		</tr>
	</table>
	
	<cfoutput>
		<table style="margin-top: 16px;">
			<tr>
				<td>Given by: <cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_GIVEN_BY" /></td>
				<td>Date: <!--- <cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="SPTLGHT_DATE" /> --->
					<input type="text" class="date" name="SPTLGHT_DATE" id="SPTLGHT_DATE" fse:format="date" value="#lsdateformat( Now(), "MM/DD/YYYY")#"/>
				</td>
				
			</tr>
		</table>
	</cfoutput>
	
	<div class="buttons" style="text-align:center;margin-top:20px;">
		<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="button" class="submit"/>
		<!--- <cfmodule template="/mstrcfmod/WRK/bindings/helpers/button.cfm" class="reset"/> --->
	</div>
	
	<p>
		Nominations will remain active for two consecutive months (so that a person does not have to be renominated all of the time if he/she did not receive recognition the first time). 
		If a nominee is not selected during those two months, he/she could be renominated. Nominees who have already received the Foodservice Brokers Focused Recognition can only receive it again 
		if the selection committee strongly feels that their nomination reason outweighs the other nominations in the pool.	
	</p>
	
	<p>
		The winning Nominee will be highlighted on the Home page of the Sales Portal for one month.	
	</p>
</div>

<cfoutput>
	<script type="text/javascript">
		changeForm = function( which ) {
			//alert( 'Hello World!' );
			var eleDiv = document.getElementById( 'spotlight-form' );
			var aBrokerSpan = YAHOO.util.Dom.getElementsByClassName( 'broker', 'span' );
			var aMemberSpan = YAHOO.util.Dom.getElementsByClassName( 'member', 'span' );
			
			if( which === 'b' || which === 'm' ) {
				if( YAHOO.util.Dom.hasClass( eleDiv, 'fse-hidden' ) ) {
					YAHOO.util.Dom.removeClass( eleDiv, 'fse-hidden' );
				}
	
				if( which === 'b' ) {
					
					document.getElementById( 'SPTLGHT_ASSOCIATE' ).value = '';
					document.getElementById( 'SPTLGHT_ASSOCIATE' ).disabled = true;
					document.getElementById( 'SPTLGHT_BROKER_REP' ).disabled = false;
					document.getElementById( 'SPTLGHT_BROKER_COMPANY' ).disabled = false;
					
					for( var i = 0; i &lt; aBrokerSpan.length; i++ ) {
						if( YAHOO.util.Dom.hasClass( aBrokerSpan[i], 'fse-hidden' ) ) {
							YAHOO.util.Dom.removeClass( aBrokerSpan[i], 'fse-hidden' );
						}
					}  
					
					for( var i = 0; i &lt; aMemberSpan.length; i++ ) {
						if( !YAHOO.util.Dom.hasClass( aMemberSpan[i], 'fse-hidden' ) ) {
							YAHOO.util.Dom.addClass( aMemberSpan[i], 'fse-hidden' );
						}
					}  
				}
				
				if( which === 'm' ) {
				
					document.getElementById( 'SPTLGHT_ASSOCIATE' ).disabled = false;
					document.getElementById( 'SPTLGHT_BROKER_REP' ).value = '';
					document.getElementById( 'SPTLGHT_BROKER_REP' ).disabled = true;
					document.getElementById( 'SPTLGHT_BROKER_COMPANY' ).value = '';
					document.getElementById( 'SPTLGHT_BROKER_COMPANY' ).disabled = true;
					
					for( var i = 0; i &lt; aMemberSpan.length; i++ ) {
						if( YAHOO.util.Dom.hasClass( aMemberSpan[i], 'fse-hidden' ) ) {
							YAHOO.util.Dom.removeClass( aMemberSpan[i], 'fse-hidden' );
						}
					}
					
					for( var i = 0; i &lt; aBrokerSpan.length; i++ ) {
						if( !YAHOO.util.Dom.hasClass( aBrokerSpan[i], 'fse-hidden' ) ) {
							YAHOO.util.Dom.addClass( aBrokerSpan[i], 'fse-hidden' );
						}
					}  
				}		
			}
		}
	
		document.cdaForm.SPTLGHT_GIVEN_BY.value = '#JSStringFormat( client.user )#';
		//document.cdaForm.SPTLGHT_DATE.value = '#JSStringFormat( lsDateFormat( Now(), 'MM/DD/YYYY' ) )#';
	
	</script>
</cfoutput>