{literal}
<script type="text/javascript" src="js/wz_tooltip.js"></script>
<script type="text/javascript" src="js/tip_balloon.js"></script>
<style>
	.dues_calculator div.description { margin:0 5px 0 0; float:left; width:600px; padding:0 0 15px 15px; }
	.description2 {padding:3px 0 15px 25px;}
	.dues_calculator label { cursor:pointer;}
	.dues_calculator p.label { background:#fef5de url(img/dc_bg.jpg) repeat-y;  font-size:11px; font-weight:normal; width:423px; float:left; position:relative; }
	.dues_calculator .note { background-color:#E3E3E3; padding:5px; margin-bottom:25px; border:1px solid #C9D2D7;}
	.dues_calculator h2 {color:#03539c; font-size:12px; padding:4px 0; margin-bottom:15px;}
	.dues_calculator p input { vertical-align:middle;}
	.dues_calculator .description .label input { margin-left:5px !important;}
	.dues_calculator .descr_outer {}
	.member_type_mncar, #member_type_mncar, #member_type_nonmncar { font-weight:bold; vertical-align:middle}
	#mncar_total, #nonmncar_total, #mncar_today_costs { font-weight:bold;}
</style>
<script type="text/javascript">
	var calculatorOptions = {/literal}{$item.options|@array2json}{literal};
	
	function dcCalculateMNCAR()
	{
		if (!$('input[name=amount_1]:checked').size()) {
			alert('You must check the radio button above');
			return false;
		}
		var value = $('input[name=amount_1]:checked').val();
		var todayAmount = $('input[name=amount_1]:checked').attr('todayAmount');
		$('#yearly_mncar_membership_cost').text('$'+value);
		$('#mncar_today_costs').text('$'+todayAmount);
		var id = $('input[name=amount_1]:checked').get(0).getAttribute('id');
		if (id == 'amount_1_1') {
			$('#assosiation_download').attr('href', 'files/MNCARApp_Affiliate.pdf').show();
		} else if (id == 'amount_1_2' || id == 'amount_1_3') {
			$('#assosiation_download').attr('href', 'files/MNCARApp_REALTOR.pdf').show();
		}
		var results = $('#results_mncar').clone();
		$('#results_mncar').remove();
		var idResults = id.replace('amount_', 'result_');
		$('#'+idResults).html(results);
		$('#results_mncar').show();
	}
	
	function dcCalculateNonMNCAR()
	{	
		if (!$('input[name=amount_2]:checked').size()) {
			alert('You must check the radio button above');
			return false;
		}
		
		var id = $('input[name=amount_2]:checked').get(0).getAttribute('id');
		var mncarTodayCosts = parseFloat(calculatorOptions.mncar.todayQuaterCosts);
		var nonmncarTodayCosts = parseFloat(calculatorOptions.nonmncar.todayQuaterCosts);
		var initiationFee = 0.0;
		switch (id) {
			case 'amount_2_1':
				initiationFee = parseFloat(calculatorOptions.company_initiation_fee);
				$('#exchange_mncar_quarter').text(calculatorOptions.mncar.formated_cost_for_the_entrie_quater);
				$('#exchange_nonmncar_quarter').text(calculatorOptions.nonmncar.formated_cost_for_the_entrie_quater);
				$('#exchange_mncar_today').text(calculatorOptions.mncar.formated_todayQuaterCosts);
				$('#exchange_nonmncar_today').text(calculatorOptions.nonmncar.formated_todayQuaterCosts);
				$('.initiation_fee').text(outMoney(initiationFee));
				$('.initiation_fee_container, .exchange_total_container').show();
				$('#exchange_download').attr('href', 'files/ExchangeMembershipApplication.pdf').show();
				$('.prorated_dues_for_this_quarter td').css('font-weight', 'normal');
				break;
			case 'amount_2_2':
				$('#exchange_mncar_quarter').text(calculatorOptions.mncar2.formated_cost_for_the_entrie_quater);
				$('#exchange_nonmncar_quarter').text(calculatorOptions.nonmncar2.formated_cost_for_the_entrie_quater);
				$('#exchange_mncar_today').text(calculatorOptions.mncar2.formated_todayQuaterCosts);
				$('#exchange_nonmncar_today').text(calculatorOptions.nonmncar2.formated_todayQuaterCosts);
				$('.initiation_fee_container, .exchange_total_container').hide();
				$('#exchange_download').attr('href', 'files/Exchange App - Add User.pdf').show();
				$('.prorated_dues_for_this_quarter td').css('font-weight', 'bold');
				break;
		}
		$('#mncar_total').text(outMoney(initiationFee + mncarTodayCosts));
		$('#nonmncar_total').text(outMoney(initiationFee + nonmncarTodayCosts));
		
		var results = $('#results_nonmncar').clone();
		$('#results_nonmncar').remove();
		var idResults = id.replace('amount_', 'result_');
		$('#'+idResults).html(results);
		$('#results_nonmncar').show();
	}
	
	function dcShowCol(index)
	{
		$('#options_table tr').each(function(){
			if (index == 1) {
				$('td.dues_calculator:eq(0)', this).show();
				$('td.dues_calculator:eq(1)', this).hide();
			} else {
				$('td.dues_calculator:eq(0)', this).hide();
				$('td.dues_calculator:eq(1)', this).show();
			}
		});
		$('#options_table').show();
	}
	
	$(document).ready(function(){
		$('input[name=amount_1]').click(function(){
			dcCalculateMNCAR();
		});
		$('input[name=amount_2]').click(function(){
			dcCalculateNonMNCAR();
		});
	});
</script>
{/literal}
<h3>Please choose a membership type</h3><br>
<input type="radio" name="member_type" value="mncar" id="member_type_mncar" onclick="dcShowCol(1);"> 
<label for="member_type_mncar" class="member_type_mncar">MNCAR Association</label>
<div class="description2" >
	The MNCAR Association offers REALTORŪ and affiliate (non licensed) membership to commercial real estate professionals.
</div>

<input type="radio" name="member_type" value="nonmncar" id="member_type_nonmncar" onclick="dcShowCol(2);">
<label for="member_type_nonmncar"  class="member_type_mncar">MNCAR Exchange</label>
<div class="description2" >
	The MNCAR Exchange is the commercial real estate industry's commercial property database.	
</div>
<br />
<div class="note">
	MNCAR Association and MNCAR Exchange membership are two separate memberships, billed separately.			
</div>
<br />
<table id="options_table" width="100%" style="display:none;">
<caption>
	<div style="padding-bottom:5px;">
		<h2>
			Choose the option that best describes your current status:
		</h2>
	</div>
</caption>
<tr valign="top" class="dues_calculator">
	{foreach from = $item.section item = section name = 'dcsections'}
	<td class="dues_calculator" width="50%">
		{*<h2>{$section.title}</h2>*}
            {foreach from = $section.items item =  sItem}
			<div class="descr_outer">
            	<div style="width:25px; float:left; padding-top:10px;">
                	<span style="font-weight:bold; font-size:14px; font-family:Tahoma">&nbsp;{$sItem.item_index}.</span>
                 </div>   
                <div class="description">
                        <p class="label"><img src="img/dc_top.jpg" width="423" height="14"><span style="clear:both; display:block"></span><span style="float:left; display:block">&nbsp;&nbsp;</span><input type="radio" todayAmount="{$sItem.todayAmount}" name="amount_{$sItem.id_section}" value="{$sItem.amount}" id="amount_{$sItem.id_section}_{$sItem.item_index}" style="float:left; margin-left:5px;">
							<span style="display:block; padding:0 10px; float:left; width:370px;"><label for="amount_{$sItem.id_section}_{$sItem.item_index}">{$sItem.label}</label></span><span style="clear:both; display:block"></span><img src="img/dc_bottom.jpg" width="423" height="14"></p>
                        {*$sItem.description*}
                </div>
                <div class="clear"></div>
            </div>
			<div id="result_{$sItem.id_section}_{$sItem.item_index}" style="margin:0 0 20px 40px;">
				
			</div>
			<div class="clear"></div>
            {/foreach}

<div style="margin:0 5px 0 30px">
{if $smarty.foreach.dcsections.iteration == 1}
	<div id="results_mncar" style="display:none;">
		<b>
			Dues are pro-rated from today's date for the rest of the year. 
			Any applications submitted from October through December will 
			include this year's dues plus next year's dues. Costs displayed 
			below are based on the current date and subject to change.
		</b><br /><br />
		<div style="background-color:#eee; padding:10px;">
			<div class="nmncar_today_container">
				<h1>MNCAR MEMBERSHIP COST:</h1>
				<br />
				<table>
				<tr><td><span style="color:#014296;">Annual Dues:</span> </td><td><span id="yearly_mncar_membership_cost"></span></td></tr>
				<tr><td><span style="color:#014296;"><b>Prorated dues for this year:</b></span></td><td><span id="mncar_today_costs"></span></td></tr>
				</table>
				</b><br />
			</div>
			{*if $item.isLastQuarter}
            
            	<div>
					*Payment for Oct-Dec. includes the remainder of year plus membership for following year.
				</div>
			<br />
			{/if*}
			<div class="note">
				<b>Important Note:</b> {$section.important_note} <br />
			</div>
			<center><a id="assosiation_download" target="_blank" href="files/MNCARApp_Affiliate.pdf" class="btn" title="Apply for this membership now!">Apply for this membership now!</a></center>
		</div>
	</div>
{elseif $smarty.foreach.dcsections.iteration == 2}    
	<div id="results_nonmncar" style="display:none;">
		<b>
			Dues are pro-rated from today's date for the rest of the quarter. 
			Costs displayed below are based on the current date and subject to change.			
		</b>
		<br /><br />
		<div style="background-color:#eee; padding:10px;">
				<h1>MNCAR EXCHANGE COST:</h1>
				<br />
				<br />
                <table width="100%">
                <tr>
                <td width="50%">
                        <b style="margin-left:30px;">For MNCAR Association Members:</b>
                        <table style="margin-left:30px;">
                        <tr><td><span style="color:#014296;">Ongoing quarterly dues:</span> </td><td id="exchange_mncar_quarter">{$item.options.mncar.formated_cost_for_the_entrie_quater}</td></tr>
                        <tr class="prorated_dues_for_this_quarter"><td><span style="color:#014296;">Prorated dues for this quarter:</span></td><td id="exchange_mncar_today">{$item.options.mncar.formated_todayQuaterCosts}</td></tr>
                        <tr class="initiation_fee_container"><td><span style="color:#014296;">One-time initiation fee:</span></td><td><span class="initiation_fee"></span></td></tr>
                        <tr class="exchange_total_container"><td><span style="color:#014296;"><b>Total due this quarter:</b></span></td><td><span id="mncar_total"></span></td></tr>
                        </table>
				</td>
                <td width="50%">
                        <b>For Non-Members:</b>
                        <table>
                        <tr><td><span style="color:#014296;">Ongoing quarterly dues:</span> </td><td id="exchange_nonmncar_quarter">{$item.options.nonmncar.formated_cost_for_the_entrie_quater}</td></tr>
                        <tr class="prorated_dues_for_this_quarter"><td><span style="color:#014296;">Prorated dues for this quarter:</span></td><td id="exchange_nonmncar_today">{$item.options.nonmncar.formated_todayQuaterCosts}</td></tr>
                        <tr class="initiation_fee_container"><td><span style="color:#014296;">One-time initiation fee:</span></td><td><span class="initiation_fee"></span></td></tr>
                        <tr class="exchange_total_container"><td><span style="color:#014296;"><b>Total due this quarter:</b></span></td><td><span id="nonmncar_total"></span></td></tr>
                        </table>
                 </td>
                 </tr>
                 </table>
                 <br>     
                 <br>     
			<div class="note"><b>Important Note:</b> {$section.important_note}</div>
			<center><a id="exchange_download" target="_blank" href="files/ExchangeMembershipApplication.pdf" class="btn" title="Apply for Exchange membership now!">Apply for Exchange membership now!</a></center>
			<div class="clear"></div>
		</div>
	</div>
{/if}    
</div>

	</td>
	{/foreach}

</tr>
</table>