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[4] = start;
c[4] = c[4] + "<p>Sat. September 4 at 1:00 &amp; 3:00 PM<br />";
c[4] = c[4] + "St. Louis Arches at the City Museum<br />";
c[4] = c[4] + back;

c[5] = start;
c[5] = c[5] + "<p>Sun. September 5 at 1:00 &amp; 3:00 PM<br />";
c[5] = c[5] + "Youth Circus Showcase at the City Museum<br />";
c[5] = c[5] + back;

c[11] = start;
c[11] = c[11] + "<p>Sat. September 11 at 2:00 PM<br />";
c[11] = c[11] + "St. Louis Arches at The Heights<br />";
c[11] = c[11] + back;

c[12] = start;
c[12] = c[12] + "<p>Sun. September 12 at 1:00 &amp; 3:00 PM<br />";
c[12] = c[12] + "Youth Circus Showcase at the City Museum<br />";
c[12] = c[12] + back;

/*c[13] = start;
c[13] = c[13] + "<p>Fri. August 13 at 12:00 &amp; 2:00 PM<br />";
c[13] = c[13] + "Youth Circus Showcase at the City Museum<br />";
c[13] = c[13] + back;
*/
/*c[16] = start;
c[16] = c[16] + "<p>Mon. August 16 at 12:00 PM<br />";
c[16] = c[16] + "Youth Circus Showcase at the City Museum<br /><br />";
c[16] = c[16] + "Mon. August 16 at 2:00 PM<br />";
c[16] = c[16] + "Circus Summer Camp Performers at the City Museum<br />";
c[16] = c[16] + back;*/

/*c[17] = start;
c[17] = c[17] + "<p>Tue. August 17 at 12:00 PM<br />";
c[17] = c[17] + "Youth Circus Showcase at the City Museum<br /><br />";
c[17] = c[17] + "Tue. August 17 at 2:00 PM<br />";
c[17] = c[17] + "Circus Summer Camp Performers at the City Museum<br />";
c[17] = c[17] + back;*/

/*c[18] = start;
c[18] = c[18] + "<p>Wed. August 18 at 12:00 PM<br />";
c[18] = c[18] + "Youth Circus Showcase at the City Museum<br /><br />";
c[18] = c[18] + "Wed. August 18 at 2:00 PM<br />";
c[18] = c[18] + "Circus Summer Camp Performers at the City Museum<br />";
c[18] = c[18] + back;*/

c[19] = start;
c[19] = c[19] + "<p>Sun. September 19 at 1:00 &amp; 3:00 PM<br />";
c[19] = c[19] + "Youth Circus Showcase at the City Museum<br />";
c[19] = c[19] + back;

c[25] = start;
c[25] = c[25] + "<p>Sat. September 25 at 1:00 &amp; 3:00 PM<br />";
c[25] = c[25] + "St. Louis Arches at the City Museum<br /><br />";
c[25] = c[25] + "Sat. September 25 at 1:30 &amp; 2:30 PM<br />";
c[25] = c[25] + "Youth Circus Showcase at the Ferguson Street Fest<br />";
c[25] = c[25] + back;

c[26] = start;
c[26] = c[26] + "<p>Sun. September 26 at 1:00 &amp; 3:00 PM<br />";
c[26] = c[26] + "Youth Circus Showcase at the City Museum<br />";
c[26] = c[26] + back;




//MAKE SURE TO TAKE OUT THIS LINE TOWARDS THE END ctable = ctable + "<tr></tr>";
ctable = "<table><tr><td colspan='7'>September, 2010</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>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>1</td><td>2</td><td>3</td><td>4</td></tr>"; 
ctable = ctable + "<tr><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td></tr>"; 
ctable = ctable + "<tr><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td></tr>"; 
ctable = ctable + "<tr><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>"; 
ctable = ctable + "<tr><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>&nbsp;</td><td>&nbsp;</td></tr>";
ctable = ctable + "</table>";


		for(i=1;i<=31;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);