/*
 * Depends:
 *	ui.core.js
 *	ui.draggable.js
 *	ui.resizable.js
 */
(function($) {

$.widget("dcms.player_friends", {
	_init:function() {
		var self = this ;
		self._getData('scrollable_api').getItems().click(function() {
			self._trigger('thumb_click', 0, $(this).attr('friend_id')) ;
		}) ;
	},
	load:function(member_id) {
		var self = this ;
		
		self._getData('scrollable_api').getItemWrap().state({name:'refresh'}) ;
		
		$.ajax({
			type:'POST',
			url:self._getData('data_dir')+'player/friends/fetch.php',
			data: {id:member_id},
			success:function(data) {
				var friends = data.getElementsByTagName('input') ;
				var text = '' ;
				for (i = 0 ; i < friends.length ; i++) {
					var avatar = (friends[i].getAttribute('avatar')=='') ? self._getData('theme_dir')+'Images/avatar_default.jpg' : friends[i].getAttribute('avatar');
					text += '<table friend_id="'+friends[i].getAttribute('id')+'" title="'+friends[i].childNodes[0].nodeValue+'">' ;
						text += '<tr>' ;
							text += '<td><img src="'+avatar+'" alt="" height="'+self._getData('image_height')+'" width="'+self._getData('image_width')+'" /></td>' ;
						text += '</tr>' ;
					text += '</table>' ;
				}
				var api = self._getData('scrollable_api') ;
				if (api.getItems().length > 0) {
					api.getItemWrap().fadeOut(250, function() {
						var self_ = self ;
						api.getItemWrap()
							.html(text)
							.fadeIn(250, function() {
								api.reload() ;
								api.getItems().click(function() {
									self_._trigger('thumb_click', 0, $(this).attr('friend_id')) ;
								}) ;
							});
					}) ;
				} else {
					api.getItemWrap().html(text);
					api.getItemWrap().fadeIn(250, function() {
						var self_ = self ;
						api.reload() ;
						api.getItems().click(function() {
							self_._trigger('thumb_click', 0, $(this).attr('friend_id')) ;
						}) ;
					}) ;
				}
			}
		}) ;
	}
}) ;

//$.dcms.player_friends.getter = "getUrl";

$.extend($.dcms.player_friends, {
	defaults: {
		rows:1,
		cols:4,
		image_width:40,
		image_height:40,
		data_dir:'',
		theme_dir:'',
		scrollable_api:null
	},
});

})(jQuery);