/*
	Author: Sam Griffin
*/

function loadVideo(playerUrl, autoplay) {
	swfobject.embedSWF(
		playerUrl + '&rel=1&border=0&fs=1&autoplay=' +
		(autoplay ? 1 : 0), 'player', '200', '125', '9.0.0', false,
		false, { allowfullscreen: 'true' });
}

function showMyVideos(data) {
	var feed = data.feed;
	var entries = feed.entry || [];
	var html = ['<ul class="video">'];

	// randomly generate a number to select a video from the stream
	var randNum = Math.floor(Math.random() * entries.length);
	var entry = entries[randNum];

	// Get the title of the video 
	var title = entry.title.$t;

	// bind the video and thumbnail data
	var playerUrl = entries[randNum].media$group.media$content[0].url;

	html.push('<h6 class="title">' + title + '</h6></ul>');

	html.push('</ul><br style="clear: left;"/>');
	document.getElementById('videos').innerHTML = html.join('');

	if (entries.length > 0) {
		loadVideo(entries[randNum].media$group.media$content[0].url, false);
	}

}


/*
This is the script that pulls in the videos from the stream using the above javascript functions

<div id="videos" />
<script 
type="text/javascript" 
src="http://gdata.youtube.com/feeds/users/FutureMBoston/uploads?alt=json-in-script&format=5&callback=showMyVideos">
</script>
</div>

Make sure to include a div for the actual video player:

<div id="playerContainer" style="width: 20em; height: 180px; float: left;">
    <object id="player" ></object>
</div>

*/