function load_playlist()
	{
	// a list of the track names in the order they appear on the CD
	var trackNamesArray = new Array("Springtime","Nella Fantasia","Unchained Melody","The Prayer,",
											  "Ave Maria (Schubert)","Je crois entendre encore","You raise me up",
											  "En ferment les yieux","Home","Ave Maria (Caccini)","Time to say goodbye",
											  "Bridge over troubled water","The merry widow (German)",
											  "Nessun Dorma","Be mine tonight" );

	// background color changes depending on whether the row is highlighted or not
	var bg_color = "#000000";

// string to hold the playlist table
	var playlistString = "";
	
	//  creat the playlist in a table
	playlistString += "<table class='playlist'>";
	
	// caption
	playlistString += "<caption>Sample songs below:</caption>";
	
	// table header
//	playlistString += "<thead><td>play</td><td>track</td><td>&nbsp;</td><td>play</td><td>track</td><td>&nbsp;</td><td>play</td><td>track</td></thead>";
//	playlistString += "<thead><td>track</td><td>play</td><td>&nbsp;</td><td>track</td><td>play</td><td>&nbsp;</td><td>track</td><td>play</td><td>&nbsp;</td></thead>";
//	playlistString += "<thead><td>track</td><td>&nbsp;</td><td>&nbsp;</td><td>track</td><td>&nbsp;</td><td>&nbsp;</td><td>track</td><td>&nbsp;</td><td>&nbsp;</td></thead>";


	var arrayPointerInteger = 0;
	
	for( var row=0; row<5; row++)
		{
		playlistString += "<tr>";

		for( var col=0; col<3; col++)
			{
//			playlistString += "<td class='track_name'>" + (arrayPointerInteger+1) + "</td>";
			playlistString += "<td class='playbutton'>" + get_flash_track(arrayPointerInteger+1, "1", bg_color) + "</td>";
			playlistString += "<td class='track_name'>" + trackNamesArray[arrayPointerInteger] + "</td>";

			if (col != 2)
				{
				playlistString += "<td class='separator'>&nbsp;&nbsp;&nbsp;&nbsp;</td>";
				}
		
			arrayPointerInteger++;
			} // end of for-loo: col
		
		playlistString += "</tr>";
		} // end of for-loo: row	
/*

// table content
	for(var i=0; i<trackNamesArray.length; i++)
		{
//		if ((i % 2) === 0) {
			playlistString += "<tr class='";
		
			// decide if row should be highlighted or not
			if ((i % 2) === 0)
				{
				playlistString += "highlighted_row";
				bg_color = "#202020";
				}
			else
				{
				playlistString += "non_highlighted_row";
				bg_color = "#000000";
				}
			playlistString += "'>";
		//	}
		
		playlistString += "<td class='track_name'>" + (i+1) + "</td>";
		playlistString += "<td class='track_name'>" + trackNamesArray[i] + "</td>";
		playlistString += "<td class='playbutton'>" + get_flash_track(i+1, "1", bg_color) + "</td>";
		
//		if ((i % 2) === 0) {
			playlistString += "</tr>";
	//		}
		}
		*/
	playlistString += "</table>";
	
	// present the table
	document.getElementById('playlist').innerHTML = playlistString;
	}

function get_flash_track(fileName, title, bg_color)
	{
	var musicTrackString = "";
	var data = "musicplayer.swf?song_url=mp3/" + fileName + ".mp3&b_colors=CCCCCC,00CC00,CC0000,CC00CC";

	// if the title matches, autoplay selected track
	if(title === "")  {
		data += "&autoplay=true";
		}

	// add music flash object
	musicTrackString+= "<object type='application/x-shockwave-flash' ";
	musicTrackString += "width='17' height='17' data='" + data + "'>";
	musicTrackString += "<param name='movie' value='" + data + "'>";
	musicTrackString += "<param name='bgcolor' value='"+bg_color+"'>";
	musicTrackString += "</object>";
	// end of flash player object
	
	return musicTrackString;
	}