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

$.widget("dcms.teams_members", {
	_init:function() {
		var self = this ;
		self._getData('scrollable_api').getItems().click(function() {
			self._trigger('thumb_click', 0, $(this).attr('member_id')) ;
		}) ;
	},
	load:function(team_id) {
		var self = this ;
		$.ajax({
			type:'POST',
			url:self._getData('data_dir')+'teams/members/fetch.php',
			data: {id:team_id},
			success:function(data) {
				var members = data.getElementsByTagName('input') ;
				var text = '' ;
				for (i = 0 ; i < members.length ; i++) {
					var avatar = (members[i].getAttribute('avatar')=='') ? self._getData('theme_dir')+'Images/avatar_default.jpg' : members[i].getAttribute('avatar') ;
					text += '<table member_id="'+members[i].getAttribute('id')+'">' ;
						text += '<tr>' ;
							text += '<td title="'+members[i].childNodes[0].nodeValue+'"><img src="'+avatar+'" alt="" height="'+self._getData('image_height')+'" width="'+self._getData('image_width')+'" /></td>' ;
						text += '</tr>' ;
					text += '</table>' ;
				}
				var api = $('tr > td > div.scrollable', self.element).scrollable() ;
				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('member_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('member_id')) ;
						}) ;
					}) ;
				}
			}
		}) ;
	},
	add:function(args) {
		var self = this ;
		$.ajax({
			type:'POST',
			url:self._getData('data_dir')+'teams/members/fetch_member.php',
			data: {member_id:args.member_id},
			success:function(data) {
				var members = data.getElementsByTagName('input')[0] ;
				var avatar = (members.getAttribute('image') == '')?'Images/avatar_default.jpg' : members.getAttribute('image');
				text = '' ;
				text += '<table member_id="'+args.member_id+'">' ;
					text += '<tr>' ;
						text += '<td title="'+members.getAttribute('pseudo')+'"><img src="'+self._getData('theme_dir')+avatar+'" alt="member" height="'+self._getData('image_height')+'" width="'+self._getData('image_width')+'" /></td>' ;
					text += '</tr>' ;
				text += '</table>' ;
				
				var api = $('tr > td > div.scrollable', self.element).scrollable() ;
				api.getItemWrap()
					.append(text) ;
				api.reload() ;
			}
			
		}) ;
	}
}) ;

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

$.extend($.dcms.teams_members, {
	defaults: {
		image_width:40,
		image_height:40,
		data_dir:'',
		theme_dir:'',
		scrollable_api:null
	},
});

})(jQuery);