var topNavigation = {
	columns: [
		 {items: [
		 		 {targetUrl:"ts_index.html",imageFile:"nav-troopprivate.png", altText:"troop private (navigation)"}
		 		,{targetUrl:"contact-us.html", imageFile:"nav-contactus.png", altText:"contact us (navigation)"}
		 		,{targetUrl:"troopfacts.html", imageFile:"nav-aboutus.png", altText:"about us (navigation)"}
		 ]}
		,{items: [
		 		 {targetUrl:"calendar.html", imageFile:"nav-eventcalendar.png", altText:"event calendar (navigation)"}
		 		,{targetUrl:"http://troop207.org/gallery/main.php", imageFile:"nav-photogallery.png", altText:"photo gallery (navigation)"}
		 ]}
		,{items: [
		 		 {targetUrl:"forms.html", imageFile:"nav-formsanddocuments.png", altText:"forms and documents (navigation)"}
		 		,{targetUrl:"resources.html", imageFile:"nav-resources.png", altText:"resources (navigation)"}
		 ]}
	]
};

function loadTopNavigation()
{
	for (var colIndex=0; colIndex < topNavigation.columns.length; colIndex++)
	{
		for (var itemIndex=0; itemIndex < topNavigation.columns[colIndex].items.length; itemIndex++)
		{
			var item = topNavigation.columns[colIndex].items[itemIndex];
			$("ul#column" + colIndex).append("<li><a href='" + item.targetUrl + "'><img border='0' src='images/" + item.imageFile + "' alt='" + item.altText + "' /></a></li>\n");
		}
	}
}