<html>
<head>
<title>Break.com JS/JSON WEB API Mashup!</title>
</head>
<script type="text/javascript" src="webtoolkit.base64.js"></script>
<!-- usage
Base64.encode(this.value)
-->
<body>
<a href="http://www.chrisdevbox.com/"><< Back to Chrisdevbox.com</a>
<h1>Break.com JS/JSON WEB API Mashup!</h1>
These are my videos on break.com. Updated in real-time!<br><br>
<table>
<tr>
<td valign="top" width="500">
<b>Latest Uploaded Videos</b><br><br>
<div id="listOfVideos">Loading...</div>
</td>
<td valign="top">
<b>Embed Viewer</b>
<br><br>
<div id="embedViewer"></div>
</td>
</table>
<script type="text/javascript">
function renderVideosAndPicsModule(data)
{
var obj = eval(data);
var data = "";
var div = document.getElementById("listOfVideos");
div.innerHTML = ""; //initialize
for(i=0;i<obj.Data.FolderContent.Response.Contents.length;i++)
{
rootObj = obj.Data.FolderContent.Response.Contents[i];
data = "";
data += "<table><tr><td>";
data += "<img src='" + rootObj.ThumbnailURL + "' width='50'>";
data += "</td><td valign='top'>";
data += "<b><a href='http://my.break.com/content/view.aspx?ContentID=" + rootObj.ContentID + "'>";
data += rootObj.ContentName + "</b></a>";
data += " - <small><i>" + rootObj.DateAdded + "</i></small><br>";
data += rootObj.ContentDescription;
data += " <a href=\"javascript:renderEmbed('" + rootObj.ContentID + "',false)\">View</a>"
data += "</td></tr></table>";
div.innerHTML += data;
}
}
function renderEmbed(ContentID, auto)
{
var div = document.getElementById("embedViewer");
div.innerHTML = "Loading...";
var encCID = Base64.encode(ContentID);
embedStr = '<object width="464" height="392"><param name="movie" value="http://embed.break.com/'+encCID+'&autoplay=1"></param><param name="allowScriptAccess" value="always"></param>';
embedStr += '<embed src="http://embed.break.com/'+encCID+'&autoplay=1" type="application/x-shockwave-flash" width="464" height="392"></embed></object>';
div.innerHTML = embedStr;
}
</script>
<script type="text/javascript" src="http://profile-websvc.break.com/Membership/Handlers/Profile/Folders/FolderHandler.ashx?invoke=getcontentbymemberfolder&siteId=1&mid=YmZgonOnC5zw2zpAB1Bnkw==&ps=10&pn=1&fid=0&sb=1&callback=renderVideosAndPicsModule&noCacheIE=1213488018578"></script>
</body>
</html>