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

$.widget("dcms.gallery_player", {
	_init:function() {
		var self = this ;
		self._getData('scrollable_api').getItems().click(function() {
			self._trigger('thumb_click', 0, $(this).attr('image_id')) ;
		}) ;
	},
	load:function(member_id) {
		if (member_id != this._getData('my_id')) {
			this._trigger('bad_id') ;	
		} else {
			this._trigger('good_id') ;	
		}
		this._setData('current_id', member_id) ;
		var self = this ;
		
		self._getData('scrollable_api').getItemWrap().state({name:'refresh'}) ;
		
		$.ajax({
			type:'POST',
			url:self._getData('data_dir')+'gallery/player/fetch.php',
			data: {member_id:member_id, name:'player'},
			success:function(data) {
				var images = data.getElementsByTagName('entry') ;
				var text = '' ;
				for (i = 0 ; i < images.length ; i++) {
					text += '<table image_id="'+images[i].getAttribute('id')+'">' ;
						text += '<tr>' ;
							text += '<td><img src="'+self._getData('js_root')+images[i].getAttribute('image')+'" 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('image_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('image_id')) ;
						}) ;
					}) ;
				}
			}
		}) ;
	},
	reload: function() {
		this.load(this._getData('current_id')) ;
	},
	add_thumb:function(data_) {
		var data = $.extend({}, $.dcms.gallery_player.add_settings, data_) ;
		
		var text = '' ;
		text += '<table image_id="'+data.id+'">' ;
			text += '<tr>' ;
				text += '<td><img src="'+self._getData('theme_dir')+data.image+'" 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('image_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('image_id')) ;
				}) ;
			}) ;
		}
	}
}) ;

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

$.dcms.gallery_player.add_settings = {
	id:0,
	image:'Themes/Default/Images/avatar_default.jpg'
} ;

$.extend($.dcms.gallery_player, {
	defaults: {
		rows:1,
		cols:4,
		image_width:40,
		image_height:40,
		data_dir:'',
		js_root:'./',
		scrollable_api:null,
		my_id:0,
		current_id:0
	},
});

})(jQuery);