loadTools = function(){
var imageHost = "http://www.swctc.org"
var tools = [
		// col 1
		[
			{
				"description":{"longDesc":"Watch city council meetings","shortDesc":"City Meetings"},
				"link":"http://swctc.granicus.com/ViewPublisher.php?view_id=",
				"id":"2",
				"image":{"src":"common\/images\/newtool_gavel.gif","alt":"City Meetings Icon"} 
			}, 
			{
				"description":{"longDesc":"Watch Woodbury city style","shortDesc":"Woodbury City Style"},
				"link":"http://www.swctc.org/publicsite/programing/default.cfm?channel=16&id=",
				"id":"4",
				"image":{"src":"common\/images\/newtool_cstyle.gif","alt":"City Style Icon"}}
				,
			{
				"description":{"longDesc":"Watch your public safety","shortDesc":"Your Public Safety"},
				"link":"http://www.swctc.org/publicsite/programing/default.cfm?channel=16&id=",
				"id":"7",
				"image":{"src":"common\/images\/newtool_yps.gif","alt":"YPS Icon"}
			},
			{
				"description":{"longDesc":"Watch the rec connection","shortDesc":"Rec Connection"},
				"link":"http://www.swctc.org/publicsite/programing/default.cfm?channel=16&id=",
				"id":"8",
				"image":{"src":"common\/images\/newtool_rec.gif","alt":"Rec Icon"}
			},
			{
				"description":{"longDesc":"Watch Cottage Grove spotlight","shortDesc":"Cottage Grove Spotlight"},
				"link":"http://www.swctc.org/publicsite/programing/default.cfm?channel=16&id=",
				"id":"1",
				"image":{"src":"common\/images\/newtool_spotlight.gif","alt":"Spotlight Icon"}
			},
			{
				"description":{"longDesc":"Watch the Woodbury council report","shortDesc":"Woodbury Council Report"},
				"link":"http://www.swctc.org/publicsite/programing/default.cfm?channel=16&id=",
				"id":"11",
				"image":{"src":"common\/images\/tool_murphy.gif","alt":"Folder Icon"}
			}
		],
		// col 2
		[
			{	
				"description":{"longDesc":"Watch county insight","shortDesc":"County Insight"},
				"link":"http://www.swctc.org/publicsite/programing/default.cfm?channel=16&id=",
				"id":"6",
				"image":{"src":"common\/images\/newtool_cinsight.gif","alt":"Insight Icon"}
			},
			{
				"description":{"longDesc":"Watch the Cottage Grove council update","shortDesc":"Cottage Grove Council Update"},
				"link":"http://www.swctc.org/publicsite/programing/default.cfm?channel=16&id=",
				"id":"10",
				"image":{"src":"common\/images\/tool_jobs.gif","alt":"Council Icon"}
			},
			{
				"description":{"longDesc":"Watch River Cities Focus","shortDesc":"River Cities Focus"},
				"link":"http://www.swctc.org/publicsite/programing/default.cfm?channel=16&id=",
				"id":"12",
			 	"image":{"src":"common\/images\/tool_optix.gif","alt":"News Icon"}
			},
			{
				"description":{"longDesc":"Watch 10/8 for shift","shortDesc":"10/8 For Shift"},
				"link":"http://www.swctc.org/publicsite/programing/default.cfm?channel=16&id=",
				"id":"9",
				"image":{"src":"common\/images\/tool_marshal.gif","alt":"10/8 Icon"}
			}
		]
	]
	
	// loop through each tool menu (each will be a UL)
	 
	$('appeartools').update('<div class="long_headline"><h3>Program Guide&nbsp;<span class="view-more-2">Click to view SWCTC programs</span></h3></div>')
	for (var i = 0; i < tools.length; ++i){
		var ul = document.createElement('ul')
		ul.className = 'col1'
		for (var j = 0; j < tools[i].length; ++j){
			var li = document.createElement('li')
			var a = document.createElement('a')
			
			var tool = tools[i][j]
			a.href = tool.link + tool.id
			
			
			var img = document.createElement('img')
			img.src = imageHost + "/" + tool.image.src
			img.alt = tool.image.alt
			
			var description = document.createElement('span')
			description.className = 'description'
			var shortDescription = document.createElement('em')
			$(shortDescription).update(tool.description.shortDesc)
			var longDescription = document.createElement('span')
			$(longDescription).update(tool.description.longDesc)
			
	 		
			// create DOM tree
			li.appendChild(a)
			a.appendChild(img)
			description.appendChild(shortDescription)
			description.appendChild(longDescription)
			a.appendChild(description)
			ul.appendChild(li)
		}
		$('appeartools').appendChild(ul) 
		
	} 
}
Event.observe(window, 'load', loadTools)