Mini Shell

/*----------------------------------------------------------------------*/
/* wl_Gallery v 1.0 by revaxarts.com
/* description: makes a sortable gallery
/* dependency: jQuery UI sortable
/*----------------------------------------------------------------------*/


$.fn.wl_Gallery = function (method) {

	var args = arguments;
	return this.each(function () {

		var $this = $(this);


		if ($.fn.wl_Gallery.methods[method]) {
			return $.fn.wl_Gallery.methods[method].apply(this, Array.prototype.slice.call(args, 1));
		} else if (typeof method === 'object' || !method) {
			if ($this.data('wl_Gallery')) {
				var opts = $.extend({}, $this.data('wl_Gallery'), method);
			} else {
				var opts = $.extend({}, $.fn.wl_Gallery.defaults, method, $this.data());
			}
		} else {
			$.error('Method "' + method + '" does not exist');
		}

		var $items = $this.find('a');
		if (!$this.data('wl_Gallery')) {

			$this.data('wl_Gallery', {});

			//make it sortable
			$this.sortable({
				containment: $this,
				opacity: 0.8,
				distance: 5,
				handle: 'img',
				forceHelperSize: true,
				placeholder: 'sortable_placeholder',
				forcePlaceholderSize: true,
				start: function (event, ui) {
					$this.dragging = true;
					ui.item.trigger('mouseleave');
				},
				stop: function (event, ui) {
					$this.dragging = false;
				},
				update: function (event, ui) {}
			});

			opts.images = [];

			//add the rel attribut for the fancybox
			$items.attr('rel', opts.group).fancybox(opts.fancybox);

			
			$items.each(function () {
				var _this = $(this);
				var _image = _this.find('img');
				//add edit and delete buttons
				_this.append('<span><a class="edit">Edit</a><a class="delete">Delete</a></span>');
				
				//store images within the DOM
				opts.images.push({
					image: _image.attr('rel') || _image.attr('src'),
					thumb: _image.attr('src'),
					title: _image.attr('title'),
					description: _image.attr('alt')
				});
			});



			//bind the mouseenter animation
			$this.delegate('li', 'mouseenter', function (event) {
				if (!$this.dragging) {
					var _this = $(this),
						_img = _this.find('img'),
						_pan = _this.find('span');

					_img.animate({
						top: -20
					}, 200);
					_pan.animate({
						top: 80
					}, 200);
				}
			//bind the mouseleave animation
			}).delegate('li', 'mouseleave', function (event) {
				var _this = $(this),
					_img = _this.find('img'),
					_pan = _this.find('span');

				_img.animate({
					top: 0
				}, 200);
				_pan.animate({
					top: 140
				}, 200);
			});
			
			//bind the edit event to the button
			$('a.edit').bind('click.wl_Gallery touchstart.wl_Gallery', function (event) {
				event.stopPropagation();
				event.preventDefault();
				var opts = $this.data('wl_Gallery') || opts,
					_this = $(this),
					_element = _this.parent().parent().parent(),
					_href = _element.find('a')[0].href,
					_title = _element.find('a')[0].title;
					
				//callback action
				opts.onEdit.call($this[0], _element, _href, _title);
				return false;

			});
			
			//bind the delete event to the button
			$('a.delete').bind('click.wl_Gallery touchstart.wl_Gallery', function (event) {
				event.stopPropagation();
				event.preventDefault();
				var opts = $this.data('wl_Gallery') || opts,
					_this = $(this),
					_element = _this.parent().parent().parent(),
					_href = _element.find('a')[0].href,
					_title = _element.find('a')[0].title;
				
				//callback action
				opts.onDelete.call($this[0], _element, _href, _title);
				return false;
			});


		} else {

		}

		if (opts) $.extend($this.data('wl_Gallery'), opts);
	});

};

$.fn.wl_Gallery.defaults = {
	group: 'wl_gallery',
	fancybox: {},
	onEdit: function (element, href, title) {},
	onDelete: function (element, href, title) {}
};
$.fn.wl_Gallery.version = '1.0';


$.fn.wl_Gallery.methods = {
	set: function () {
		var $this = $(this),
			options = {};
		if (typeof arguments[0] === 'object') {
			options = arguments[0];
		} else if (arguments[0] && arguments[1] !== undefined) {
			options[arguments[0]] = arguments[1];
		}
		$.each(options, function (key, value) {
			if ($.fn.wl_Gallery.defaults[key] !== undefined || $.fn.wl_Gallery.defaults[key] == null) {
				$this.data('wl_Gallery')[key] = value;
			} else {
				$.error('Key "' + key + '" is not defined');
			}
		});

	}
};