Generate Days of the Week Dynamically in JavaScript Based on an Initial Date Value
===

I have a custom chart that needs to display the days of the week in succession based on a predefined date.

I have an array as follows, this contains the starting date and the data to be displayed in the chart.

    // OLYMPICS MENTIONS
	olympics_mentions_data = new Array();
	olympics_mentions_data["2012/07/02"] = [
		[4700,8500,3750],
		[6000,5700,1350],
		[4000,4900,5150],
		[4100,8500,1750],
		[6100,5700,1350],
		[4000,4900,5150],
		[4000,4900,5150]
	];
	olympics_mentions_data["2012/07/09"] = [
		[4700,8500,3750],
		[6000,5700,1350],
		[4000,4900,5150],
		[4100,8500,1750],
		[6100,5700,1350],
		[4000,4900,5150],
		[4000,4900,5150]
	];
	olympics_mentions_data["2012/07/16"] = [
		[4700,8500,3750],
		[6000,5700,1350],
		[4000,4900,5150],
		[4100,8500,1750],
		[6100,5700,1350],
		[4000,4900,5150],
		[4000,4900,5150]
	];
	olympics_mentions_data["2012/07/23"] = [
		[4700,8500,3750],
		[6000,5700,1350],
		[4000,4900,5150],
		[4100,8500,1750],
		[6100,5700,1350],
		[4000,4900,5150],
		[4000,4900,5150]
	];

Then I have the following code that displays the dates for each day, though currently it only shows 1 day/date under each, I need it to display the days from first day to last day for all seven days of the week.

                // Build and position day info blocks
				day_date = new Date(week);
				
				day_info_container = document.createElement('div');
				day_info_container.setAttribute('class','info');
				day_info_container.setAttribute('style', 'left: '+day_left+'px;');
				day_info_container.innerHTML = $.datepicker.formatDate('DD<br />dd MM', day_date) +10;
				
				infos_container.appendChild(day_info_container);
				
				days_container.appendChild(day_container);
				
				week_container.appendChild(days_container);
				week_container.appendChild(infos_container);
				
				day_left += 108 + 2;

Any ideas folks? Thanks.