function displaycalendar (display) {
	document.getElementById('calendar').innerHTML=display;

	//Stylistic Info
	var cells = document.getElementById('calendar').getElementsByTagName('td');
	var length = cells.length;
	for (i=0;i<length;i++) {
		var a = cells[i].getElementsByTagName('a');
		if ( a.length == 1 ) {
			cells[i].style.backgroundColor="orange";
		}
	}

	return false;
}

start = "<div class='cinfo'>";
back = "<p><a href='' onclick='return displaycalendar(ctable)'>Back to Calendar</a></p></div>";
c = new Array();
c[6] = start;
c[6] = c[6] + "<p>Fri. January 6 at 12:00 &amp; 2:00 PM<br />";
c[6] = c[6] + "The Good, The Bad, &amp; The Ugly at the City Museum<br />";
c[6] = c[6] + back;

c[7] = start;
c[7] = c[7] + "<p>Sat. January 7 at 2:00 &amp; 7:00 PM<br />";
c[7] = c[7] + "Circus Harmony: Tessitura at the City Museum<br />";
c[7] = c[7] + "<a href='http://www.brownpapertickets.com/event/214189' target='_blank'>"+"Click here for details!"+"</a>";
c[7] = c[7] + back;

c[8] = start;
c[8] = c[8] + "<p>Sun. January 8 at 2:00 PM<br />";
c[8] = c[8] + "Circus Harmony: Tessitura at the City Museum<br />";
c[8] = c[8] + "<a href='http://www.brownpapertickets.com/event/214189' target='_blank'>"+"Click here for details!"+"</a>";
c[8] = c[8] + back;

c[13] = start;
c[13] = c[13] + "<p>Fri. January 13 at 12:00 &amp; 2:00 PM<br />";
c[13] = c[13] + "The Good, The Bad, &amp; The Ugly at the City Museum<br />";
c[13] = c[13] + back;

c[14] = start;
c[14] = c[14] + "<p>Sat. January 14 at 2:00 &amp; 7:00 PM<br />";
c[14] = c[14] + "Circus Harmony: Tessitura at the City Museum<br />";
c[14] = c[14] + "<a href='http://www.brownpapertickets.com/event/214189' target='_blank'>"+"Click here for details!"+"</a>";
c[14] = c[14] + back;

c[15] = start;
c[15] = c[15] + "<p>Sun. January 15 at 2:00 PM<br />";
c[15] = c[15] + "Circus Harmony: Tessitura at the City Museum<br />";
c[15] = c[15] + "<a href='http://www.brownpapertickets.com/event/214189' target='_blank'>"+"Click here for details!"+"</a>";
c[15] = c[15] + back;

c[20] = start;
c[20] = c[20] + "<p>Fri. January 20 at 12:00 &amp; 2:00 PM<br />";
c[20] = c[20] + "The Good, The Bad, &amp; The Ugly at the City Museum<br /><br />";
c[20] = c[20] + back;

c[27] = start;
c[27] = c[27] + "<p>Fri. January 27 at 12:00 &amp; 2:00 PM<br />";
c[27] = c[27] + "The Good, The Bad, &amp; The Ugly at the City Museum<br />";
c[27] = c[27] + back;

c[28] = start;
c[28] = c[28] + "<p>Sat. January 28 at 1:00 &amp; 3:00 PM<br />";
c[28] = c[28] + "St. Louis Arches at the City Museum<br />";
c[28] = c[28] + back;



//LINK OPTIONS
/*c[21] = c[21] + "<a href='http://www.brownpapertickets.com/event/214189' target='_blank'>"+"Click here for details!"+"</a>";
c[21] = c[21] + '<a href="http://www.brownpapertickets.com/event/214189" target="_blank">'+'Click here for details!'+'</a>';*/



ctable = "<table><tr><td colspan='7'>January, 2012</td></tr>";
ctable = ctable + "<tr><td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td></tr>";
ctable = ctable + "<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr>"; 
ctable = ctable + "<tr><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td></tr>"; 
ctable = ctable + "<tr><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td></tr>"; 
ctable = ctable + "<tr><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td></tr>"; 
ctable = ctable + "<tr><td>29</td><td>30</td><td>31</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>";
ctable = ctable + "</table>";


		for(i=1;i<=32;i++) {
			if(c[i]) {
				var td = "<td>" + i + "</td>"
				var tda = "<td><a href='' onclick='return displaycalendar(c[" + i + "])'>" + i + "</a></td>";
				var ctable = ctable.replace(td, tda);
			}
		}

displaycalendar(ctable);