﻿{{#with this as |primaryMenu|}}
<div class="co_menu_content">
	<div class="co_submenu_container reversed" style="display:none;width:{{calcGrandParentWidth primaryMenu}}">
		<div class="wrapper">
			<div class="column_wrapper clearfix" style="height:100%">
				{{> subtitle primaryMenu.Subtitle}}
				<div class="co_column">
					{{#each primaryMenu.Parents as |parent|}}
					<a href="{{parent.Url}}" class="item" id="{{indexId "menu_item" primaryMenu.position @index}}" data-menu-level="2" data-aid="{{parent.ArticleId}}" index="{{add 1 @index}}">
						<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="5" height="10" alt="" border="0" class="arrow" />
						<span>{{parent.Title}}</span>
					</a>
					{{/each}}
				</div>
				{{#each primaryMenu.Parents as |parent|}}
				<div id="{{indexId "menu_child" primaryMenu.position @index}}" class="menu_child {{select @first "selected"}}" style="width:{{calcParentWidth primaryMenu}}">
					{{> menuTable parent primaryPosition=primaryMenu.position childPosition=(add 1 @index)}}
				</div>
				{{/each}}
				{{> bottomLink primaryMenu}}
			</div>
			<div class="break_floats"></div>
			{{> specialtySite primaryMenu.SpecialtySites}}
		</div>
	</div>
</div>
{{/with}}

{{#*inline "menuTable"}}
<table cellpadding="0" cellspacing="0" border="0" style="height:100%">
	<tbody>
		<tr class="wrapper clearfix">
			{{#each columns as |column|}}
			{{> column column}}
			{{/each}}
			{{#if Sidebar}}
			<td class="promo_items_wrapper" style="width: -1px">
				<div class="promo_items" id="{{indexId "promo_item" primaryPosition childPosition}}">
					{{> promo Sidebar}}
				</div>
			</td>
			{{/if}}
		</tr>
	</tbody>
</table>
{{/inline}}

{{#*inline "column"}}
<td class="co_column">
	<div class="column_left_wrapper">
		{{#each this as |item|}}
		{{#if item.Header}}
		<div class="child_item heading">{{translate item.Header}}</div>
		{{/if}}
		<a href="{{item.Url}}" class="child_item default" data-menu-level="3" data-aid="{{item.ArticleId}}"><span>{{item.Title}}</span></a>
		{{/each}}
	</div>
</td>
{{/inline}}

{{#*inline "promo"}}
{{#if this}}
		<div class="item" data-menu-type="featured article">
			<div class="section lt_blue bold uppercase arial_11 bottom_padding">{{SectionName}}</div>
			{{#if Image}}{{#if Image.Source}}
			<div class="image">
				<a data-aid="{{ArticleId}}" href="{{Url}}">
					<img src="{{Image.Source}}" width="100%" height="auto" border="0" alt="{{promo.Title}}" />
				</a>
			</div>
			{{/if}}{{/if}}
		</div>
		{{#if Title}}
		<div class="title">
			<a data-aid="{{ArticleId}}" href="{{Url}}">{{Title}}</a>
		</div>
		{{/if}}
		{{#if Subtitle}}
		<div class="subtitle blue regular">
			<a data-aid="{{ArticleId}}" href="{{Url}}">{{Subtitle}}</a>
		</div>
		{{/if}}
{{/if}}
{{/inline}}

{{#*inline "specialtySite"}}
{{#if this}}
<div class="bottom">
	<div class="clearfix specialty_wrapper">
		<div class="small_header">{{translate "Specialty Sites:"}}</div>
		{{#each this as |specialtySite|}}
		<div class="float_left item aid{{specialtySite.PartnerSiteId }}" data-menu-type="specialty site">
			<a href="{{specialtySite.Url}}" data-aid="{{specialtySite.ArticleId}}">
				<span>{{specialtySite.Title}}</span>
			</a>
		</div>
		{{/each}}
	</div>
</div>
{{/if}}
{{/inline}}

{{#*inline "subtitle"}}
{{#if this}}
<div class="submenu_header item_header">{{this}}:</div>
{{/if}}
{{/inline}}

{{#*inline "bottomLink"}}
{{#if BottomText}}
<div class="bottom">
	<div>
		<a data-aid="{{ArticleId}}" href="{{Url}}">{{{BottomText}}}</a>
	</div>
</div>
{{/if}}
{{/inline}}