function loadWeekInTheLife(req) {
		
	var xmlDoc = req.responseXML;
	var days = xmlDoc.getElementsByTagName("day");
	//alert(days.length);
	if (days.length > 0) {
	
		for (i=0;i<days.length;i++) {
		
			var now = new Date();
			var dayName = days[i].attributes.getNamedItem("name").value;
			var abbrev = days[i].attributes.getNamedItem("abbrev").value;
			var names = days[i].getElementsByTagName("name");
			var photos = days[i].getElementsByTagName("photo");
			var majors = days[i].getElementsByTagName("major");
			var videos = days[i].getElementsByTagName("video");
			var schedules = days[i].getElementsByTagName("schedule");
			var hometowns = days[i].getElementsByTagName("hometown");
			
			var myNavTemplate = new Template(
				'<a id="nav_#{Day}" href="javascript:void(0);" onclick="showDay(\'#{Day}\');return false;">' +
					'#{Abbreviation}' +
				'</a> ');
				
			var navParams = {Day: dayName, Abbreviation: abbrev};
			Element.insert($("daysNav"),myNavTemplate.evaluate(navParams));
				
			if (names.length > 0) {
			
				for (j=0;j<names.length;j++) {
					
					var myfirstName = names[j].attributes.getNamedItem("first").value
					var name = myfirstName + ' ' + names[j].attributes.getNamedItem("last").value
					var photo = photos[j].attributes.getNamedItem("url").value;
					var major = majors[j].attributes.getNamedItem("title").value;
					var myHometown = hometowns[j].attributes.getNamedItem("name").value;
					var videoLinkHTML = '';
					var videoIconLinkHTML = '';
					if (videos[j].attributes.getNamedItem("rtmpStream")) {
						var nickname;
						(names[j].attributes.getNamedItem("nickname")) ? nickname = names[j].attributes.getNamedItem("nickname").value : nickname = myfirstName;	
						var video = videos[j].attributes.getNamedItem("rtmpStream").value;
						var topic = videos[j].attributes.getNamedItem("topic").value;
						videoLinkHTML = '<a class="videoLink" onclick="$(\'popupBackground\').show(); showFlashPlayer(\'rtmp://whit-wowza.ad.syr.edu/whitman\',\'' + video + '\');" href="javascript:void(0);"><img src="images/playbutton.png" alt="play" style="border: none; vertical-align: middle; margin-right: 5px" />' +  myfirstName + '\'s take on ' + topic + '</a>';
						videoIconLinkHTML = '<a style="font-size: 11px; text-decoration: none; position: absolute; left: 70px; bottom: 10px;" onclick="$(\'popupBackground\').show(); showFlashPlayer(\'rtmp://whit-wowza.ad.syr.edu/whitman\',\'' + video + '\');showDay(\'' + dayName + '\');" href="javascript:void(0);"><img src="images/playbutton.png" alt="play" style="border: none; vertical-align: middle; margin-right: 5px" />' +  nickname + '\'s take on ' + topic + '</a>';
					}
					
					var myDayTemplate = new Template(
						'<div id="#{Day}" class="dayBox" style="display: none; width: 0px;">' +
							'<table id="table_#{Day}" cellpadding="0" cellspacing="0" style="border:none;">' +
								'<tr>' +
									'<td valign="top" style="width: 200px;">' +
										'<div style=" position: relative;">' +
											'<img id="img_#{Day}" style="width: 200px;" src="#{PhotoUrl}" /><br />' +
											'<div class="infoBox">' +
												'<span class="studentName">#{FullName}</span><br />' +
												'#{Hometown}<br />' +
												'<strong>Concentration: </strong>#{MajorName}<br />' +
												videoLinkHTML + 
											'</div>' +
										'</div>' +
									'</td>' +
									'<td valign="top" style="width: 450px; padding: 10px;">' +
										'<div id="info_#{Day}" style="display: none;">' +
											'<div style="font-size: 18px; color: #011464; font-family: arial, sans-serif; font-weight: bold">#{Day}</div>' +	
											'<div style="width: 450px; overflow-y: auto;border: 1px solid #cccccc; margin-top: 6px; height: 235px;">' +
												'<table id="schedule_#{Day}" cellpadding="6" cellspacing="0" style="border: none; width: 432px;"></table>' +
											'</div>' +
										'</div>' +
									'</td>' + 
								'</tr>' +
							'</table>' +
						'</div>');
					
					var myStudentTemplate = new Template(
						'<div style="float: left; width: 221px; padding: 4px; height: 84px; position: relative ">' +
							'<a id="studentLink_#{Day}" class="studentLink" href="javascript:void(0);" onclick="showDay(\'#{Day}\');">' +
								'<img id="img_#{Day}_#{FirstName}" style="width: 50px; margin-right: 8px; border: 1px solid #999999" src="#{PhotoUrl}" align="left"  />' +
								'<span style="font-weight: bold; font-size: 13px">#{FullName}</span><br />' +
								'#{Hometown}<br />' +
								'<span style="color: #666666">#{MajorName}</span><br />' +
								videoIconLinkHTML  + 
							'</a>' +
						'</div>');
					
					var dayParams = {Day: dayName, 
									 Abbreviation: abbrev, 
									 PhotoUrl: photo, 
									 FullName: name, 
									 MajorName: major,
									 FirstName: myfirstName,
									 Hometown: myHometown};
									 
					Element.insert($("daysContainer"),myDayTemplate.evaluate(dayParams));
					Element.insert($("studentsContainer"),myStudentTemplate.evaluate(dayParams));
					
					if (schedules.length > 0) {
						for(k=0;k<schedules.length;k++) {
							
							var timeslots = schedules[k].getElementsByTagName("timeframe");
							
							if (timeslots.length>0) {
			
								for(l=0;l<timeslots.length;l++) {
									var timeslot = timeslots[l];
									var timePeriod = timeslot.attributes.getNamedItem("value").value;
									var timeTitle = timeslot.attributes.getNamedItem("title").value;
									var timeDesc = timeslot.firstChild.nodeValue;
									var myScheduleTemplate = new Template(
										'<tr>' +
											'<td style="border-bottom: 1px solid #dedede; text-align: right; font-size: 14px; font-weight: bold; color: #333333; width: 80px; background-color: white;" valign="top">#{Time}</td>' +
											'<td style="border-bottom: 1px solid #dedede; background-color: white;" valign="top"><strong style="font-size: 14px;">#{Title}</strong><br /><br />#{Desc}</td>' +
										'</tr>');
									var scheduleParams = {Time:timePeriod,Title:timeTitle, Desc: timeDesc};
									Element.insert($("schedule_" + dayName),myScheduleTemplate.evaluate(scheduleParams));
								}
								
							}
							
						}
						
					}

				}
				
			}
			
		}
		
		
		var currentDay = days[now.getDay()].attributes.getNamedItem("name").value;
		showDay(currentDay);
		
	}

}

function showDay(dayName) {

	// test for active days
	var activeElements = $$('.active');
	
	// if day is active; de-activate
	if (activeElements.length > 0) {
		var oldDayName = activeElements[0].identify();
		if (dayName !== oldDayName) {
			$(oldDayName).removeClassName('active');
			$(oldDayName).style.zIndex = '500'; 
			$(oldDayName).style.width = '0px';
			$(oldDayName).hide();
			$('info_' + oldDayName).style.display = "none";
			$('nav_' + oldDayName).removeClassName('selected');
			$('studentLink_' + oldDayName).removeClassName('studentLinkSelected');
			$('studentLink_' + oldDayName).addClassName('studentLink');
		}
	}

	// show new day information with transitions etc...
	$(dayName).addClassName('active');
	$(dayName).style.zIndex = '1001';
	$(dayName).show();
	new Effect.Morph(dayName, {style: 'width: 670px; background-color: #ebebeb;', duration: 1.0 });
	new Effect.Opacity('img_' + dayName, { from: 0.0, to: 1.0, duration: 2.0 });
	setTimeout("showInfo('" + dayName + "')",1000);
	$('nav_' + dayName).addClassName('selected');
	$('studentLink_' + dayName).addClassName('studentLinkSelected');
	$('studentLink_' + dayName).removeClassName('studentLink');
	
}

function showInfo(dayName) {
	$('info_' + dayName).setOpacity(0.0);
	$('info_' + dayName).style.display = "block";
	new Effect.Opacity('info_' + dayName, { from: 0.0, to: 1.0, duration: 2.5 });
}
