loadTools = function(){
var imageHost = "http://www.kucits.ca"
var tools = [
		// col 1
		[
			{
				"description":{"longDesc":"Access your web-based e-mail","shortDesc":"Email"},
				"link":"https:\/\/ce.uwo.ca\/uwc\/auth\/",
				"image":{"src":"themes\/images\/tools\/web_mail.png","alt":"Email Icon"} 
			}, 
			{
				"description":{"longDesc":"Webmail resources and tools","shortDesc":"Email Tools"},      
				"link":"\/email_tools\/",
				"image":{"src":"themes\/images\/tools\/email_tools.png","alt":"Email Tools"}
			},
			{
				"description":{"longDesc":"Instructional media request form","shortDesc":"IMS Request"},
				"link":"\/ims_request\/",
				"image":{"src":"themes\/images\/tools\/ims.png","alt":"IMS Request"}}
				,
			{
				"description":{"longDesc":"ITS work request form","shortDesc":"ITS Work Request"},
				"link":"\/its_work_request\/",
				"image":{"src":"themes\/images\/tools\/work_request.png","alt":"ITS Work request"}}
				
		],
		// col 2
		[
			{
				"description":{"longDesc":"Grade Submission System","shortDesc":"GSS"},
				"link":"http:\/\/www.kingscollege.net\/gss\/",
				"image":{"src":"themes\/images\/tools\/gss.png","alt":"GSS"}
			},
			{
				"description":{"longDesc":"Marks Management System","shortDesc":"MMS"},
				"link":"\/faculty/marks_mgmt_system\/",
				"image":{"src":"themes\/images\/tools\/mms.png","alt":"MMS"}
			},
			{	
				"description":{"longDesc":"WEbCT OWL","shortDesc":"WebCT OWL"},
				"link":"http:\/\/webct.uwo.ca\/",
				"image":{"src":"themes\/images\/tools\/web_ct.png","alt":"WEbCT OWL"}
			},
			{
				"description":{"longDesc":"Post an event on Video Bulletin Board","shortDesc":"TV Message Request"},
				"link":"\/vbb_request\/",
				"image":{"src":"themes\/images\/tools\/tv.png","alt":"TV Message Request"}
			}
		],
		
		// col 3
		[
			{
				"description":{"longDesc":"All about wireless Internet access","shortDesc":"Wireless Access"},
				"link":"\/general/wireless\/",
				"image":{"src":"themes\/images\/tools\/wireless.png","alt":"Wireless Access"}
			},
			{
				"description":{"longDesc":"King's student residence web site","shortDesc":"RezNet"},
				"link":"http:\/\/www.kingscollege.net\/reznet\/",
				"image":{"src":"themes\/images\/tools\/rez_net.png","alt":"RezNet"}
			},
			{
				"description":{"longDesc":"Class cancellations feed","shortDesc":"Class Cancellations"},
				"link":"\/ccf\/",				
				"image":{"src":"themes\/images\/tools\/ccf.png","alt":"Class Cancellations"}
			},
			{
				"description":{"longDesc":"Lab employee schedule","shortDesc":"Lab Employee"},
				"link":"http:\/\/calendar.kc.uwo.ca\/labsched\/","target":"_blank",
				"image":{"src":"themes\/images\/tools\/lab.png","alt":"Lab Employee"}
			}
		]
	]
	
	// loop through each tool menu (each will be a UL)
	 
	$('appeartools').update('<div class="long_headline"><h3>Tools</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
			a.target = tool.link.target
			
			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)