var MEDIA_HOST = 'cdn.faces.com';

var myFriends = new Carousel( 'myFriends', 10, 3, '/profile/' + loginName + '/friends/json', function( json )
{
	var nodeList = new Array();
	var item, element;
	
	for ( var n = 0; n < json.length; n++ )
	{
		nodeList.push( createUser( json[n] ) );
	}
	
	return nodeList;
}, defaultFriends );

function createUser( author )
{
	var user = document.createElement( 'a' );
	user.href = '/profile/' + author.loginName;
	user.className = 'item user ' + author.online.toLowerCase();
	
	// !Display name
	element = document.createElement( 'span' );
	element.appendChild( document.createTextNode( author.loginName ) );
	element.className = 'name';
	user.appendChild( element );
	
	// !Avatar
	element = document.createElement( 'img' );
	element.src = author.avatarThumbnail;
	element.width = 60;
	element.height = 60;
	element.alt = author.loginName;
	element.className = 'avatar ' + author.genderString.toLowerCase();
	user.appendChild( element );
	
	// !Mood
	element = document.createElement( 'img' );
	if ( navigator.userAgent.match( /MSIE 6/ ) )
	{
		element.src = 'http://' + MEDIA_HOST + '/images/empty.gif';
		element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader( src=http://" + MEDIA_HOST + "/images/moods/" + author.moodString + ".png, sizingMethod=crop )";
	}
	else
	{
		element.src = 'http://' + MEDIA_HOST + '/images/moods/' + author.moodString + '.png';
	}
	element.width = 20;
	element.height = 20;
	element.alt = author.moodString;
	element.className = 'mood';
	user.appendChild( element );
	
	// !Age
	element = document.createElement( 'span' );
	element.appendChild( document.createTextNode( 'Age ' + author.age ) );
	element.className = 'age';
	user.appendChild( element );
	
	return user;
}