// JavaScript Document
Event.observe(window, 'load', function()
{
	// Get rid of all the <li>'s inside #relatedTopics
	$('relatedTopics').innerHTML = '';
	
	// Build the topics as <li> DOM Elements, and add them to the now-empty #relatedTopics <ul>
	var topic1 = new Element('li', {});
	// This is the header with the title as the link
	var topic1H = new Element('h2', {'class': 'link'}).insert(new Element('a', {'href': 'http://current.com/topics/88813968/target_women/new/0.htm'}).insert('Target Women'));
	// This is the span containing the # of entries
	//var topic1S = new Element('span', {'style': 'font-weight: normal;'}).insert('20');
	topic1.insert(topic1H);
	//topic1.insert(topic1S);
	$('relatedTopics').insert(topic1);
	
	var topic2 = new Element('li', {});
	// This is the header with the title as the link
	var topic2H = new Element('h2', {'class': 'link'}).insert(new Element('a', {'href': 'http://current.com/topics/88875770/target_women_behind_the_scenes/default/0.htm'}).insert('Target Women: Behind The Scenes'));
	// This is the span containing the # of entries
	//var topic1S = new Element('span', {'style': 'font-weight: normal;'}).insert('20');
	topic2.insert(topic2H);
	//topic1.insert(topic1S);
	$('relatedTopics').insert(topic2);
	
	var topic3 = new Element('li', {});
	var topic3H = new Element('h2', {'class': 'link'}).insert(new Element('a', {'href': 'http://current.com/topics/76254712/infomania/new/0.htm'}).insert('infoMania'));
	//var topic2S = new Element('span', {'style': 'font-weight: normal;'}).insert('420');
	topic3.insert(topic3H);
	//topic2.insert(topic2S);
	$('relatedTopics').insert(topic3);
	
	var topic4 = new Element('li', {});
	var topic4H = new Element('h2', {'class': 'link'}).insert(new Element('a', {'href': 'http://current.com/topics/32967823/comedy/new/0.htm'}).insert('Current Comedy'));
	//var topic3S = new Element('span', {'style': 'font-weight: normal;'}).insert('90');
	topic4.insert(topic4H);
	//topic3.insert(topic3S);
	$('relatedTopics').insert(topic4);
	
	var topic5 = new Element('li', {});
	var topic5H = new Element('h2', {'class': 'link'}).insert(new Element('a', {'href': 'http://twitter.com/sarah_haskins'}).insert('Follow 	Sarah Haskins on Twitter'));
	//var topic3S = new Element('span', {'style': 'font-weight: normal;'}).insert('90');
	topic5.insert(topic5H);
	//topic3.insert(topic3S);
	$('relatedTopics').insert(topic5);
	
	
	var topic6 = new Element('li', {});
	var topic6H = new Element('h2', {'class': 'link'}).insert(new Element('a', {'href': 'http://www.facebook.com/sarahhaskins#/pages/Sarah-Haskins/24403099618?ref=ts'}).insert('Find Sarah Haskins on Facebook'));
	//var topic3S = new Element('span', {'style': 'font-weight: normal;'}).insert('90');
	topic6.insert(topic6H);
	//topic3.insert(topic3S);
	$('relatedTopics').insert(topic6);
	
	// ... continue as needed, incrementing the number in the var name (eg, topic4, topic4H, topic4S, and topic5, topic5H, topic5S, etc, etc)
	
	// Set the display to "block", which was set to "display: none;" in the CSS
	$('relatedTopics').setStyle({display: 'block'});
});