/* TODO Shiny widgets for external websites.
 * Usage: import this file and JQuery. Then call a function via a callback on
 * the normal API.
 */

// in case standard.js hasn't been loaded
function clean(html) {
	if ( ! html) return "";
	var txt = html.replace(/<[^>]+>/, "");
	return txt;
}


function miniStream(result) {
	var tweets = result['cargo'];
	var ms = $('#ministream');
	var h = '';
	for(var i=0; i<tweets.length; i++) {
		//console.log(tweets[i]);		
		var tweet = tweets[i];
		var contents = tweet['contents'];
		contents = clean(contents);
		var ownerImg = tweet.owner.img;
		h += '<div class="msg msg'+i+'" style="display:none;">';		
		h += '<div class="shiny-img" style="background:url('+clean(ownerImg)+');" title="'+clean(tweet.owner.name)+'"><div class="shiny-mask"></div></div>';
		h += '<div class="contents">'+contents+'</div><span class="time"></span></div>';
	}
	ms.html(h);
	// fade em in
	for(var i=0; i<tweets.length; i++) {
		setTimeout("$('div.msg"+i+"').fadeIn();", i*250);
	}
}

function tweeps(result) {
	var people = result['cargo'];
	var ms = $('#tweeps');
	var h = '';
	for(var i=0; i<people.length; i++) {
		console.log(people[i]);
		var tweep = people[i];
		console.log(tweep['name']);
		h += '<div class="tweep"><div class="shiny-img" style="background:url('+clean(tweep["img"])+');" title="'+clean(tweep["name"])+'"><div class="shiny-mask"></div></div></div>';
	}
	ms.html(h);
}