$(document).ready(function() {
	$('#chattube').attr('style', 'border:2px solid #000; margin-bottom:20px; padding:5px; background: url(http://mag.bent.com/wp-content/plugins/chattube-ad-widget/images/chattubeBg.jpg)repeat 0% 0%; border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; padding: 10px 5px 20px;');
	$('#chattube').html('<img src="http://mag.bent.com/wp-content/plugins/chattube-ad-widget/images/chattubeLogo.png"><div style="clear:both"></div>');

	$.getJSON("http://www.chattube.com/api/feed/json/online/_"+$('#chattube').attr('rel')+"?jsoncallback=?", 
		function(data){
			$.each(data.items, function(i,profile){
			
			$('#chattube').append('<div style=" height: 94px; width: 84px; float: left;margin: 6px 6px 0px;"><a class="chattubeProfile_'+profile.code+'" href="http://www.chattube.com/#'+profile.code+'" style="display:none; height: 94px; width: 84px; cursor: pointer; color: white;    text-decoration: none;" rel="'+profile.id+'"><div style="background-image: url(http://www.chattube.com/img/layout/profile_small.png); font-weight: bold; height: 16px; padding: 78px 0px 0px 4px; position: absolute; width: 80px; z-index: 100; "><img src="http://www.chattube.com/img/layout/online_icon.gif" style="position: absolute; margin:0; padding:0;" /><span style="color: white;display: block;margin-left: 12px; font-size:12px !important; font-family:arial, helvetica; overflow:none; word-wrap:none; display:block; height:15px; ">'+profile.name+'</span></div><div style="padding: 6px;position: absolute; overflow:none;"><img src="http://www.chattube.com'+profile.mediaId+'" style="display: inline;  width:72px; height:72px;" /></div></a><div>');
			var fn = function () {
				$('.chattubeProfile_'+profile.code).fadeIn(500);
			}
			setTimeout(fn, i*50);
			});
			$('#chattube').append('<div style="clear:both"></div>');

		}); 
});