// 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://www.facebook.com/pages/SuperNews/57516326652'}).insert('Find SuperNews! on Facebook'));
	// 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', {});
	var topic2H = new Element('h2', {'class': 'link'}).insert(new Element('a', {'href': 'http://www.itunes.com/CurrentTV'}).insert('Subscribe to SuperNews! on iTunes'));
	//var topic2S = new Element('span', {'style': 'font-weight: normal;'}).insert('420');
	topic2.insert(topic2H);
	//topic2.insert(topic2S);
	$('relatedTopics').insert(topic2);
	
	/*var topic3 = new Element('li', {});
	var topic3H = 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');
	topic3.insert(topic3H);
	//topic3.insert(topic3S);
	$('relatedTopics').insert(topic3);
	
	var topic4 = new Element('li', {});
	var topic4H = 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');
	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://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');
	topic5.insert(topic5H);
	//topic3.insert(topic3S);
	$('relatedTopics').insert(topic5);*/
	
	// ... 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'});
});