#crumbname_related
{crumbname_related_text}

#view_related
{view_head}
<style>{css}</style>
{beige}
{main_head}
{main_min}
{about_data_links}
{related_head}
	{related_datas}
	{back_portal}
{main_datainvestigators}
{view_tail}

#related_opts
<div id="related_opts">
<div id="related_opts_small" onclick="ctrack.views.related.filters_update(true)" >Related Filters : <span id="related_opts_small_filters">
	<input id="related_opts_small_filter1" type="checkbox" disabled />
	<input id="related_opts_small_filter2" type="checkbox" disabled />
	<input id="related_opts_small_filter3" type="checkbox" disabled />
	<input id="related_opts_small_filter4" type="checkbox" disabled />
	<input id="related_opts_small_filter5" type="checkbox" disabled />
	<input id="related_opts_small_filter6" type="checkbox" disabled />
</span></div>
<div id="related_opts_large" style="display:none">
	<div>Use related data from the following sources:</div>
	<div>
		Related by related-activity @ref using @type.
		<input id="related_opts_large_filter1" type="checkbox" onclick="ctrack.views.related.filters_update_click()" />
	</div>
	<div>
		Related by provider-org @provider-activity-id.
		<input id="related_opts_large_filter2" type="checkbox" onclick="ctrack.views.related.filters_update_click()" />
	</div>
	<div>
		Related by receiver-org @receiver-activity-id.
		<input id="related_opts_large_filter3" type="checkbox" onclick="ctrack.views.related.filters_update_click()" />
	</div>
	<div>
		Related by other-identifier @ref when @type is A3.
		<input id="related_opts_large_filter4" type="checkbox" onclick="ctrack.views.related.filters_update_click()" />
	</div>
	<div>
		Related by participating-org @activity-id when @role is 1,2 or 3.
		<input id="related_opts_large_filter5" type="checkbox" onclick="ctrack.views.related.filters_update_click()" />
	</div>
	<div>
		Related by participating-org @ref when @role is 1,2 or 3.
		<input id="related_opts_large_filter6" type="checkbox" onclick="ctrack.views.related.filters_update_click()" />
	</div>
</div>
</div>
<div id="related_radar_pos"></div>

#related_data
<tr onclick="return ctrack.url('#view=act&aid={aid}');">
	<td class="num">{num}.</td>
	<td class="title">
		<a class="percent">
			{title}
			<span>{reported_by_text}</span>
		</a>
	</td>
	<td class="date" title="{table_active_date_tip_text}">{date_end}</td>
	<td class="value">
		<div class="activities_spend_wrap">
			<div class="activities_spend" title="{activities_spend_text}">{commitment}<span class="currency">{currency}</span></div>
			<div class="activities_barchart_wrap" title="{activities_percentage_tip_text}">
				<div class="activities_percent_max">
					<div style="width:{pct}px;" class="activities_percent"></div>
				</div>
			</div>
		</div>
	</td>
</tr>


#related_head
<div class="head_wrap">
	<div class="icon_wrap">
		<img src="{flava}total_icon_big.png" alt="{money_title_icon_alt_text}" width="330" height="180"/>
	</div><div class="peak_wrap">
		<div class="list_peak_space"></div>
		<div class="list_peak"></div>
</div><div class="head_title_wrap">
		<div class="list_head_title">
			Related Streams
		</div>
	</div>
{related_opts}
</div>


#relatedp_data_head

<div class="title_wrap">


#relatedp_data_body

<div class="related_wrap">
	<div class="related_head">{_it.title}</div>
	<div>
		{_it.tab:relatedp_item}
	</div>
</div>

#relatedp_data_foot

</div>


#related_data_head

<div class="title_wrap">


#related_data_body

<div class="related_wrap">
	<div class="related_head">{_it.title}</div>
	<div>
		{_it.tab:related_item}
	</div>
</div>

#related_data_foot

</div>



#related_item

<div id="related_{_it.idx}" data-aid="{_it.aid}" tabindex="0" class="{_it.pivot} related_item related_{_it.dupe}" onclick="event.stopPropagation();ctrack.views.related.goto(event,'aid','{_it.aid}',{_it.dupe_idx});">
	<div title="" class="related_item_before related_item_before{_it.lcount}"
		onclick="event.stopPropagation();ctrack.views.related.toggle({_it.idx},event);" >{_it.lcount}<div>{_it.ldir}</div></div>
	<div class="related_info_wrap">
		<div class="num">{_it.idx}.</div>
		<div class="related_info">
			<div class="related_title">{_it.title}</div>
			<div class="date" title="{table_active_date_tip_text}">{_it.date_end}</div>
			<div class="value">
				<div class="activities_spend_wrap">
					<div class="activities_spend" title="{activities_spend_text}">{_it.commitment}<span class="currency">{_it.currency}</span></div>
				</div>
			</div>
		</div>
		<div class="related_span">
			<span class="related_aid" onclick="event.stopPropagation();ctrack.url('#view=act&aid={_it.aid}');">{_it.aid}</span>
			<span class="related_org" onclick="event.stopPropagation();ctrack.url('?&reporting_ref={_it.pid}#view=main');">{_it.reporting}</span>
		</div>
	</div>
	<div title="" class="related_item_after related_item_before{_it.rcount}"
		onclick="event.stopPropagation();ctrack.views.related.toggle({_it.idx},event);" >{_it.rcount}<div>{_it.rdir}</div></div>
</div>

#relatedp_item

<div id="related_{_it.idx}" tabindex="0" class="{_it.pivot} related_item relatedp_item related_{_it.dupe}" onclick="event.stopPropagation();ctrack.views.related.goto(event,'pid','{_it.pid}',{_it.dupe_idx});">
	<div title="" class="relatedp_item_before related_item_before{_it.lcount}"
		onclick="event.stopPropagation();ctrack.views.related.toggle({_it.idx},event);" >{_it.lcount}<div>{_it.ldir}</div></div>
	<div class="related_info">
		<div class="num">{_it.idx}.</div>
		<div class="title">
			<div class="relatedp_info">
				<div class="related_title">{_it.title}</div>
				<div class="related_span">
					<span class="related_org" onclick="event.stopPropagation();ctrack.url('?&reporting_ref={_it.pid}#view=main');">{_it.pid}</span>
				</div>
			</div>
		</div>
	</div>
	<div title="" class="relatedp_item_after related_item_before{_it.rcount}"
		onclick="event.stopPropagation();ctrack.views.related.toggle({_it.idx},event);" >{_it.rcount}<div>{_it.rdir}</div></div>
</div>