rdcms 1.0.26

data/app/assets/javascripts/rdcms/plugins/interface/islideshow.js

@@ -0,0 +1,422 @@
+/**
+ * Interface Elements for jQuery
+ * Slideshow
+ * 
+ * http://interface.eyecon.ro
+ * 
+ * Copyright (c) 2006 Stefan Petre
+ * Dual licensed under the MIT (MIT-LICENSE.txt) 
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ */
+
+
+/**
+ * Creates an image slideshow. The slideshow can autoplay slides, each image can have caption, navigation links: next, prev, each slide. A page may have more then one slideshow, eachone working independently. Each slide can be bookmarked. The source images can be defined by JavaScript in slideshow options or by HTML placing images inside container.
+ *
+ * 
+ * 
+ * @name Slideshow
+ * @description Creates an image slideshow. The slideshow can autoplay slides, each image can have caption, navigation links: next, prev, each slide. A page may have more then one slideshow, eachone working independently. Each slide can be bookmarked. The source images can be defined by JavaScript in slideshow options or by HTML placing images inside container.
+ * @param Hash hash A hash of parameters
+ * @option String container container ID
+ * @option String loader path to loading indicator image
+ * @option String linksPosition (optional) images links position ['top'|'bottom'|null]
+ * @option String linksClass (optional) images links cssClass
+ * @option String linksSeparator (optional) images links separator
+ * @option Integer fadeDuration fade animation duration in miliseconds
+ * @option String activeLinkClass (optional) active image link CSS class
+ * @option String nextslideClass (optional) next image CSS class
+ * @option String prevslideClass (optional) previous image CSS class
+ * @option String captionPosition (optional) image caption position ['top'|'bottom'|null]
+ * @option String captionClass (optional) image caption CSS class
+ * @option String autoplay (optional) seconds to wait untill next images is displayed. This option will make the slideshow to autoplay.
+ * @option String random (optional) if slideshow autoplayes the images can be randomized
+ * @option Array images (optional) array of hash with keys 'src' (path to image) and 'cation' (image caption) for images
+ *
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+jQuery.islideshow = {
+	slideshows: [],
+	gonext : function()
+	{
+		this.blur();
+		slideshow = this.parentNode;
+		id = jQuery.attr(slideshow, 'id');
+		if (jQuery.islideshow.slideshows[id] != null) {
+			window.clearInterval(jQuery.islideshow.slideshows[id]);
+		}
+		slide = slideshow.ss.currentslide + 1;
+		if (slideshow.ss.images.length < slide) {
+			slide = 1;
+		}
+		images = jQuery('img', slideshow.ss.holder);
+		slideshow.ss.currentslide = slide;
+		if (images.size() > 0) {
+			images.fadeOut(
+				slideshow.ss.fadeDuration,
+				jQuery.islideshow.showImage
+			);
+		}
+	},
+	goprev : function()
+	{
+		this.blur();
+		slideshow = this.parentNode;
+		id = jQuery.attr(slideshow, 'id');
+		if (jQuery.islideshow.slideshows[id] != null) {
+			window.clearInterval(jQuery.islideshow.slideshows[id]);
+		}
+		slide = slideshow.ss.currentslide - 1;
+		images = jQuery('img', slideshow.ss.holder);
+		if (slide < 1) {
+			slide = slideshow.ss.images.length ;
+		}
+		slideshow.ss.currentslide = slide;
+		if (images.size() > 0) {
+			images.fadeOut(
+				slideshow.ss.fadeDuration,
+				jQuery.islideshow.showImage
+			);
+		}
+	},
+	timer : function (c)
+	{
+		slideshow = document.getElementById(c);
+		if (slideshow.ss.random) {
+			slide = slideshow.ss.currentslide;
+			while(slide == slideshow.ss.currentslide) {
+				slide = 1 + parseInt(Math.random() * slideshow.ss.images.length);
+			}
+		} else {
+			slide = slideshow.ss.currentslide + 1;
+			if (slideshow.ss.images.length < slide) {
+				slide = 1;
+			}
+		}
+		images = jQuery('img', slideshow.ss.holder);
+		slideshow.ss.currentslide = slide;
+		if (images.size() > 0) {
+			images.fadeOut(
+				slideshow.ss.fadeDuration,
+				jQuery.islideshow.showImage
+			);
+		}
+	},
+	go : function(o)
+	{
+		var slideshow;
+		if (o && o.constructor == Object) {
+			if (o.loader) {
+				slideshow = document.getElementById(o.loader.slideshow);
+				url = window.location.href.split("#");
+				o.loader.onload = null;
+				if (url.length == 2) {
+					slide = parseInt(url[1]);
+					show = url[1].replace(slide,'');
+					if (jQuery.attr(slideshow,'id') != show) {
+						slide = 1;
+					}
+				} else {
+					slide = 1;
+				}
+			}
+			if(o.link) {
+				o.link.blur();
+				slideshow = o.link.parentNode.parentNode;
+				id = jQuery.attr(slideshow, 'id');
+				if (jQuery.islideshow.slideshows[id] != null) {
+					window.clearInterval(jQuery.islideshow.slideshows[id]);
+				}
+				url = o.link.href.split("#");
+				slide = parseInt(url[1]);
+				show = url[1].replace(slide,'');
+				if (jQuery.attr(slideshow,'id') != show) {
+					slide = 1;
+				}
+			}
+			if (slideshow.ss.images.length < slide || slide < 1) {
+				slide = 1;
+			}
+			slideshow.ss.currentslide = slide;
+			slidePos = jQuery.iUtil.getSize(slideshow);
+			slidePad = jQuery.iUtil.getPadding(slideshow);
+			slideBor = jQuery.iUtil.getBorder(slideshow);
+			if (slideshow.ss.prevslide) {
+				slideshow.ss.prevslide.o.css('display', 'none');
+			}
+			if (slideshow.ss.nextslide) {
+				slideshow.ss.nextslide.o.css('display', 'none');
+			}
+			
+			//center loader
+			if (slideshow.ss.loader) {
+				y = parseInt(slidePad.t) + parseInt(slideBor.t);
+				if (slideshow.ss.slideslinks) {
+					if (slideshow.ss.slideslinks.linksPosition == 'top') {
+						y += slideshow.ss.slideslinks.dimm.hb;
+					} else {
+						slidePos.h -= slideshow.ss.slideslinks.dimm.hb;
+					}
+				}
+				if (slideshow.ss.slideCaption) {
+					if (slideshow.ss.slideCaption && slideshow.ss.slideCaption.captionPosition == 'top') {
+						y += slideshow.ss.slideCaption.dimm.hb;
+					} else {
+						slidePos.h -= slideshow.ss.slideCaption.dimm.hb;
+					}
+				}
+				if (!slideshow.ss.loaderWidth) {
+					slideshow.ss.loaderHeight = o.loader ? o.loader.height : (parseInt(slideshow.ss.loader.css('height'))||0);
+					slideshow.ss.loaderWidth = o.loader ? o.loader.width : (parseInt(slideshow.ss.loader.css('width'))||0);
+				}
+				
+				slideshow.ss.loader.css('top', y + (slidePos.h - slideshow.ss.loaderHeight)/2 + 'px');
+				slideshow.ss.loader.css('left', (slidePos.wb - slideshow.ss.loaderWidth)/2 + 'px');
+				slideshow.ss.loader.css('display', 'block');
+			}
+			
+			//getimage
+			images = jQuery('img', slideshow.ss.holder);
+			if (images.size() > 0) {
+				images.fadeOut(
+					slideshow.ss.fadeDuration,
+					jQuery.islideshow.showImage
+				);
+			} else {
+				lnk = jQuery('a', slideshow.ss.slideslinks.o).get(slide-1);
+				jQuery(lnk).addClass(slideshow.ss.slideslinks.activeLinkClass);
+				var img = new Image();
+				img.slideshow = jQuery.attr(slideshow,'id');
+				img.slide = slide-1;
+				img.src = slideshow.ss.images[slideshow.ss.currentslide-1].src ;
+				if (img.complete) {
+					img.onload = null;
+					jQuery.islideshow.display.apply(img);
+				} else {
+					img.onload = jQuery.islideshow.display;
+				}
+				//slideshow.ss.holder.html('<img src="' + slideshow.ss.images[slide-1].src + '" />');
+				if (slideshow.ss.slideCaption) {
+					slideshow.ss.slideCaption.o.html(slideshow.ss.images[slide-1].caption);
+				}
+				//jQuery('img', slideshow.ss.holder).bind('load',jQuery.slideshowDisplay);
+			}
+		}
+	},
+	showImage : function()
+	{
+		slideshow = this.parentNode.parentNode;
+		slideshow.ss.holder.css('display','none');
+		if (slideshow.ss.slideslinks.activeLinkClass) {
+			lnk = jQuery('a', slideshow.ss.slideslinks.o).removeClass(slideshow.ss.slideslinks.activeLinkClass).get(slideshow.ss.currentslide - 1);
+			jQuery(lnk).addClass(slideshow.ss.slideslinks.activeLinkClass);
+		}
+		//slideshow.ss.holder.html('<img src="' + slideshow.ss.images[slideshow.ss.currentslide - 1].src + '" />');
+		
+		var img = new Image();
+		img.slideshow = jQuery.attr(slideshow,'id');
+		img.slide = slideshow.ss.currentslide - 1;
+		img.src = slideshow.ss.images[slideshow.ss.currentslide - 1].src ;
+		if (img.complete) {
+			img.onload = null;
+			jQuery.islideshow.display.apply(img);
+		} else {
+			img.onload = jQuery.islideshow.display;
+		}
+		if (slideshow.ss.slideCaption) {
+			slideshow.ss.slideCaption.o.html(slideshow.ss.images[slideshow.ss.currentslide-1].caption);
+		}
+		//jQuery('img', slideshow.ss.holder).bind('load',jQuery.slideshowDisplay);
+	},
+	display : function ()
+	{
+		slideshow = document.getElementById(this.slideshow);
+		if (slideshow.ss.prevslide) {
+			slideshow.ss.prevslide.o.css('display', 'none');
+		}
+		if (slideshow.ss.nextslide) {
+			slideshow.ss.nextslide.o.css('display', 'none');
+		}
+		slidePos = jQuery.iUtil.getSize(slideshow);
+		y = 0;
+		if (slideshow.ss.slideslinks) {
+			if (slideshow.ss.slideslinks.linksPosition == 'top') {
+				y += slideshow.ss.slideslinks.dimm.hb;
+			} else {
+				slidePos.h -= slideshow.ss.slideslinks.dimm.hb;
+			}
+		}
+		if (slideshow.ss.slideCaption) {
+			if (slideshow.ss.slideCaption && slideshow.ss.slideCaption.captionPosition == 'top') {
+				y += slideshow.ss.slideCaption.dimm.hb;
+			} else {
+				slidePos.h -= slideshow.ss.slideCaption.dimm.hb;
+			}
+		}
+		par = jQuery('.slideshowHolder', slideshow);
+		y = y + (slidePos.h - this.height)/2 ;
+		x = (slidePos.wb - this.width)/2;
+		slideshow.ss.holder.css('top', y + 'px').css('left', x + 'px').html('<img src="' + this.src + '" />');
+		slideshow.ss.holder.fadeIn(slideshow.ss.fadeDuration);
+		nextslide = slideshow.ss.currentslide + 1;
+		if (nextslide > slideshow.ss.images.length) {
+			nextslide = 1;
+		}
+		prevslide = slideshow.ss.currentslide - 1;
+		if (prevslide < 1) {
+			prevslide = slideshow.ss.images.length;
+		}
+		slideshow.ss.nextslide.o
+				.css('display','block')
+				.css('top', y + 'px')
+				.css('left', x + 2 * this.width/3 + 'px')
+				.css('width', this.width/3 + 'px')
+				.css('height', this.height + 'px')
+				.attr('title', slideshow.ss.images[nextslide-1].caption);
+		slideshow.ss.nextslide.o.get(0).href = '#' + nextslide + jQuery.attr(slideshow, 'id');
+		slideshow.ss.prevslide.o
+				.css('display','block')
+				.css('top', y + 'px')
+				.css('left', x + 'px')
+				.css('width', this.width/3 + 'px')
+				.css('height', this.height + 'px')
+				.attr('title', slideshow.ss.images[prevslide-1].caption);
+		slideshow.ss.prevslide.o.get(0).href = '#' + prevslide + jQuery.attr(slideshow, 'id');
+	},
+	build : function(o)
+	{
+		if (!o || !o.container || jQuery.islideshow.slideshows[o.container])
+			return;
+		var container = jQuery('#' + o.container);
+		var el = container.get(0);
+		
+		if (el.style.position != 'absolute' && el.style.position != 'relative') {
+			el.style.position = 'relative';
+		}
+		el.style.overflow = 'hidden';
+		if (container.size() == 0)
+			return;
+		el.ss = {};
+		
+		el.ss.images = o.images ? o.images : [];
+		el.ss.random = o.random && o.random == true || false;
+		imgs = el.getElementsByTagName('IMG');
+		for(i = 0; i< imgs.length; i++) {
+			indic = el.ss.images.length;
+			el.ss.images[indic] = {src:imgs[i].src, caption:imgs[i].title||imgs[i].alt||''};
+		}
+		
+		if (el.ss.images.length == 0) {
+			return;
+		}
+		
+		el.ss.oP = jQuery.extend(
+				jQuery.iUtil.getPosition(el),
+				jQuery.iUtil.getSize(el)
+			);
+		el.ss.oPad = jQuery.iUtil.getPadding(el);
+		el.ss.oBor = jQuery.iUtil.getBorder(el);
+		t = parseInt(el.ss.oPad.t) + parseInt(el.ss.oBor.t);
+		b = parseInt(el.ss.oPad.b) + parseInt(el.ss.oBor.b);
+		jQuery('img', el).remove();
+		el.ss.fadeDuration = o.fadeDuration ? o.fadeDuration : 500;
+		if (o.linksPosition || o.linksClass || o.activeLinkClass) {
+			el.ss.slideslinks = {};
+			container.append('<div class="slideshowLinks"></div>');
+			el.ss.slideslinks.o = jQuery('.slideshowLinks', el);
+			if (o.linksClass) {
+				el.ss.slideslinks.linksClass = o.linksClass;
+				el.ss.slideslinks.o.addClass(o.linksClass);
+			}
+			if (o.activeLinkClass) {
+				el.ss.slideslinks.activeLinkClass = o.activeLinkClass;
+			}
+			el.ss.slideslinks.o.css('position','absolute').css('width', el.ss.oP.w + 'px');
+			if (o.linksPosition && o.linksPosition == 'top') {
+				el.ss.slideslinks.linksPosition = 'top';
+				el.ss.slideslinks.o.css('top',t + 'px');
+			} else {
+				el.ss.slideslinks.linksPosition = 'bottom';
+				el.ss.slideslinks.o.css('bottom',b + 'px');
+			}
+			el.ss.slideslinks.linksSeparator = o.linksSeparator ? o.linksSeparator : ' ';
+			for (var i=0; i<el.ss.images.length; i++) {
+				indic = parseInt(i) + 1;
+				el.ss.slideslinks.o.append('<a href="#' + indic + o.container + '" class="slideshowLink" title="' + el.ss.images[i].caption + '">' + indic + '</a>' + (indic != el.ss.images.length ? el.ss.slideslinks.linksSeparator : ''));
+			}
+			jQuery('a', el.ss.slideslinks.o).bind(
+				'click',
+				function()
+				{
+					jQuery.islideshow.go({link:this})
+				}
+			);
+			el.ss.slideslinks.dimm = jQuery.iUtil.getSize(el.ss.slideslinks.o.get(0));
+		}
+		if (o.captionPosition || o.captionClass) {
+			el.ss.slideCaption = {};
+			container.append('<div class="slideshowCaption">&nbsp;</div>');
+			el.ss.slideCaption.o = jQuery('.slideshowCaption', el);
+			if (o.captionClass) {
+				el.ss.slideCaption.captionClass = o.captionClass;
+				el.ss.slideCaption.o.addClass(o.captionClass);
+			}
+			el.ss.slideCaption.o.css('position','absolute').css('width', el.ss.oP.w + 'px');
+			if (o.captionPosition&& o.captionPosition == 'top') {
+				el.ss.slideCaption.captionPosition = 'top';
+				el.ss.slideCaption.o.css('top', (el.ss.slideslinks && el.ss.slideslinks.linksPosition == 'top' ? el.ss.slideslinks.dimm.hb + t : t) + 'px');
+			} else {
+				el.ss.slideCaption.captionPosition = 'bottom';
+				el.ss.slideCaption.o.css('bottom', (el.ss.slideslinks && el.ss.slideslinks.linksPosition == 'bottom' ? el.ss.slideslinks.dimm.hb + b : b) + 'px');
+			}
+			el.ss.slideCaption.dimm = jQuery.iUtil.getSize(el.ss.slideCaption.o.get(0));
+		}
+		
+		if (o.nextslideClass) {
+			el.ss.nextslide = {nextslideClass:o.nextslideClass};
+			container.append('<a href="#2' + o.container + '" class="slideshowNextSlide">&nbsp;</a>');
+			el.ss.nextslide.o = jQuery('.slideshowNextSlide', el);
+			el.ss.nextslide.o.css('position', 'absolute').css('display', 'none').css('overflow','hidden').css('fontSize', '30px').addClass(el.ss.nextslide.nextslideClass);
+			el.ss.nextslide.o.bind('click', jQuery.islideshow.gonext);
+		}
+		if (o.prevslideClass) {
+			el.ss.prevslide= {prevslideClass:o.prevslideClass};
+			container.append('<a href="#0' + o.container + '" class="slideshowPrevslide">&nbsp;</a>');
+			el.ss.prevslide.o = jQuery('.slideshowPrevslide', el);
+			el.ss.prevslide.o.css('position', 'absolute').css('display', 'none').css('overflow','hidden').css('fontSize', '30px').addClass(el.ss.prevslide.prevslideClass);
+			el.ss.prevslide.o.bind('click', jQuery.islideshow.goprev);
+		}
+		
+		container.prepend('<div class="slideshowHolder"></div>');
+		el.ss.holder = jQuery('.slideshowHolder', el);
+		el.ss.holder.css('position','absolute').css('top','0px').css('left','0px').css('display', 'none');
+		if (o.loader) {
+			container.prepend('<div class="slideshowLoader" style="display: none;"><img src="' + o.loader + '" /></div>');
+			el.ss.loader = jQuery('.slideshowLoader', el);
+			el.ss.loader.css('position', 'absolute');
+			var img = new Image();
+			img.slideshow = o.container;
+			img.src = o.loader;
+			if (img.complete) {
+				img.onload = null;
+				jQuery.islideshow.go({loader:img});
+			} else {
+				img.onload = function()
+				{
+					jQuery.islideshow.go({loader:this});
+				};
+			}
+		} else {
+			jQuery.islideshow.go({container:el});
+		}
+		
+		if(o.autoplay) {
+			time = parseInt(o.autoplay) * 1000;
+		}
+		jQuery.islideshow.slideshows[o.container] = o.autoplay ? window.setInterval('jQuery.islideshow.timer(\'' + o.container + '\')', time) : null;
+	}
+};
+jQuery.slideshow = jQuery.islideshow.build;

data/app/assets/javascripts/rdcms/plugins/interface/isortables.js

@@ -0,0 +1,392 @@
+/**
+ * Interface Elements for jQuery
+ * Sortables
+ * 
+ * http://interface.eyecon.ro
+ * 
+ * Copyright (c) 2006 Stefan Petre
+ * Dual licensed under the MIT (MIT-LICENSE.txt) 
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *   
+ *
+ */
+
+/**
+ * Allows you to resort elements within a container by dragging and dropping. Requires
+ * the Draggables and Droppables plugins. The container and each item inside the container
+ * must have an ID. Sortables are especially useful for lists.
+ * 
+ * @see Plugins/Interface/Draggable
+ * @see Plugins/Interface/Droppable
+ * @author Stefan Petre
+ * @name Sortable
+ * @cat Plugins/Interface
+ * @param Hash options        A hash of options
+ * @option String accept      The class name for items inside the container (mandatory)
+ * @option String activeclass The class for the container when one of its items has started to move
+ * @option String hoverclass  The class for the container when an acceptable item is inside it
+ * @option String helperclass The helper is used to point to the place where the item will be 
+ *                            moved. This is the class for the helper.
+ * @option Float opacity      Opacity (between 0 and 1) of the item while being dragged
+ * @option Boolean ghosting   When true, the sortable is ghosted when dragged
+ * @option String tolerance   Either 'pointer', 'intersect', or 'fit'. See Droppable for more details
+ * @option Boolean fit        When true, sortable must be inside the container in order to drop
+ * @option Integer fx         Duration for the effect applied to the sortable
+ * @option Function onchange  Callback that gets called when the sortable list changed. It takes
+ *                            an array of serialized elements
+ * @option Boolean floats     True if the sorted elements are floated
+ * @option String containment Use 'parent' to constrain the drag to the container
+ * @option String axis        Use 'horizontally' or 'vertically' to constrain dragging to an axis
+ * @option String handle      The jQuery selector that indicates the draggable handle
+ * @option DOMElement handle  The node that indicates the draggable handle
+ * @option Function onHover   Callback that is called when an acceptable item is dragged over the
+ *                            container. Gets the hovering DOMElement as a parameter
+ * @option Function onOut     Callback that is called when an acceptable item leaves the container.
+ *                            Gets the leaving DOMElement as a parameter
+ * @option Object cursorAt    The mouse cursor will be moved to the offset on the dragged item
+ *                            indicated by the object, which takes "top", "bottom", "left", and
+ *                            "right" keys
+ * @option Function onStart   Callback function triggered when the dragging starts
+ * @option Function onStop    Callback function triggered when the dragging stops
+ * @example                   $('ul').Sortable(
+ *                            	{
+ *                            		accept : 'sortableitem',
+ *                            		activeclass : 'sortableactive',
+ *                             		hoverclass : 'sortablehover',
+ *                             		helperclass : 'sorthelper',
+ *                             		opacity: 	0.5,
+ *                             		fit :	false
+ *                             	}
+ *                             )
+ */
+
+jQuery.iSort = {
+	changed : [],
+	collected : {},
+	helper : false,
+	inFrontOf: null,
+	
+	start : function ()
+	{
+		if (jQuery.iDrag.dragged == null) {
+			return;
+		}
+		var shs, margins,c, cs;
+		
+		jQuery.iSort.helper.get(0).className = jQuery.iDrag.dragged.dragCfg.hpc;
+		shs = jQuery.iSort.helper.get(0).style;
+		shs.display = 'block';
+		jQuery.iSort.helper.oC = jQuery.extend(
+			jQuery.iUtil.getPosition(jQuery.iSort.helper.get(0)),
+			jQuery.iUtil.getSize(jQuery.iSort.helper.get(0))
+		);
+		
+		shs.width = jQuery.iDrag.dragged.dragCfg.oC.wb + 'px';
+		shs.height = jQuery.iDrag.dragged.dragCfg.oC.hb + 'px';
+		//shs.cssFloat = jQuery.iDrag.dragged.dragCfg.oF;
+		margins = jQuery.iUtil.getMargins(jQuery.iDrag.dragged);
+		shs.marginTop = margins.t;
+		shs.marginRight = margins.r;
+		shs.marginBottom = margins.b;
+		shs.marginLeft = margins.l;
+		if (jQuery.iDrag.dragged.dragCfg.ghosting == true) {
+			c = jQuery.iDrag.dragged.cloneNode(true);
+			cs = c.style;
+			cs.marginTop = '0px';
+			cs.marginRight = '0px';
+			cs.marginBottom = '0px';
+			cs.marginLeft = '0px';
+			cs.display = 'block';
+			jQuery.iSort.helper.empty().append(c);
+		}
+		jQuery(jQuery.iDrag.dragged).after(jQuery.iSort.helper.get(0));
+		jQuery.iDrag.dragged.style.display = 'none';
+	},
+	
+	check : function (e)
+	{
+		if (!e.dragCfg.so && jQuery.iDrop.overzone.sortable) {
+			if (e.dragCfg.onStop)
+				e.dragCfg.onStop.apply(dragged);
+			jQuery(e).css('position', e.dragCfg.initialPosition || e.dragCfg.oP);
+			jQuery(e).DraggableDestroy();
+			jQuery(jQuery.iDrop.overzone).SortableAddItem(e);
+		}
+		jQuery.iSort.helper.removeClass(e.dragCfg.hpc).html(' ');
+		jQuery.iSort.inFrontOf = null;
+		var shs = jQuery.iSort.helper.get(0).style;
+		shs.display = 'none';
+		jQuery.iSort.helper.after(e);
+		if (e.dragCfg.fx > 0) {
+			jQuery(e).fadeIn(e.dragCfg.fx);
+		}
+		jQuery('body').append(jQuery.iSort.helper.get(0));
+		var ts = [];
+		var fnc = false;
+		for(var i=0; i<jQuery.iSort.changed.length; i++){
+			var iEL = jQuery.iDrop.zones[jQuery.iSort.changed[i]].get(0);
+			var id = jQuery.attr(iEL, 'id');
+			var ser = jQuery.iSort.serialize(id);
+			if (iEL.dropCfg.os != ser.hash) {
+				iEL.dropCfg.os = ser.hash;
+				if (fnc == false && iEL.dropCfg.onChange) {
+					fnc = iEL.dropCfg.onChange;
+				}
+				ser.id = id;
+				ts[ts.length] = ser;
+			}
+		}
+		jQuery.iSort.changed = [];
+		if (fnc != false && ts.length > 0) {
+			fnc(ts);
+		}
+	},
+	
+	checkhover : function(e,o)
+	{
+		if (!jQuery.iDrag.dragged)
+			return;
+		var cur = false;
+		var i = 0;
+		if ( e.dropCfg.el.size() > 0) {
+			for (i = e.dropCfg.el.size(); i >0; i--) {
+				if (e.dropCfg.el.get(i-1) != jQuery.iDrag.dragged) {
+					if (!e.sortCfg.floats) {
+						if ( 
+						(e.dropCfg.el.get(i-1).pos.y + e.dropCfg.el.get(i-1).pos.hb/2) > jQuery.iDrag.dragged.dragCfg.ny  
+						) {
+							cur = e.dropCfg.el.get(i-1);
+						} else {
+							break;
+						}
+					} else {
+						if (
+						(e.dropCfg.el.get(i-1).pos.x + e.dropCfg.el.get(i-1).pos.wb/2) > jQuery.iDrag.dragged.dragCfg.nx && 
+						(e.dropCfg.el.get(i-1).pos.y + e.dropCfg.el.get(i-1).pos.hb/2) > jQuery.iDrag.dragged.dragCfg.ny  
+						) {
+							cur = e.dropCfg.el.get(i-1);
+						}
+					}
+				}
+			}
+		}
+		//helpos = jQuery.iUtil.getPos(jQuery.iSort.helper.get(0));
+		if (cur && jQuery.iSort.inFrontOf != cur) {
+			jQuery.iSort.inFrontOf = cur;
+			jQuery(cur).before(jQuery.iSort.helper.get(0));
+		} else if(!cur && (jQuery.iSort.inFrontOf != null || jQuery.iSort.helper.get(0).parentNode != e) ) {
+			jQuery.iSort.inFrontOf = null;
+			jQuery(e).append(jQuery.iSort.helper.get(0));
+		}
+		jQuery.iSort.helper.get(0).style.display = 'block';
+	},
+	
+	measure : function (e)
+	{
+		if (jQuery.iDrag.dragged == null) {
+			return;
+		}
+		e.dropCfg.el.each (
+			function ()
+			{
+				this.pos = jQuery.extend(
+					jQuery.iUtil.getSizeLite(this),
+					jQuery.iUtil.getPositionLite(this)
+				);
+			}
+		);
+	},
+	
+	serialize : function(s)
+	{
+		var i;
+		var h = '';
+		var o = {};
+		if (s) {
+			if (jQuery.iSort.collected[s] ) {
+				o[s] = [];
+				jQuery('#' + s + ' .' + jQuery.iSort.collected[s]).each(
+					function ()
+					{
+						if (h.length > 0) {
+							h += '&';
+						}
+						h += s + '[]=' + jQuery.attr(this,'id');
+						o[s][o[s].length] = jQuery.attr(this,'id');
+					}
+				);
+			} else {
+				for ( a in s) {
+					if (jQuery.iSort.collected[s[a]] ) {
+						o[s[a]] = [];			
+						jQuery('#' + s[a] + ' .' + jQuery.iSort.collected[s[a]]).each(
+							function ()
+							{
+								if (h.length > 0) {
+									h += '&';
+								}
+								h += s[a] + '[]=' + jQuery.attr(this,'id');
+								o[s[a]][o[s[a]].length] = jQuery.attr(this,'id');
+							}
+						);
+					}
+				}
+			}
+		} else {
+			for ( i in jQuery.iSort.collected){
+				o[i] = [];
+				jQuery('#' + i + ' .' + jQuery.iSort.collected[i]).each(
+					function ()
+					{
+						if (h.length > 0) {
+							h += '&';
+						}
+						h += i + '[]=' + jQuery.attr(this,'id');
+						o[i][o[i].length] = jQuery.attr(this,'id');
+					}
+				);
+			}
+		}
+		return {hash:h, o:o};
+	},
+	
+	addItem : function (e)
+	{
+		if ( !e.childNodes ) {
+			return;
+		}
+		return this.each(
+			function ()
+			{
+				if(!this.sortCfg || !jQuery(e).is('.' +  this.sortCfg.accept))
+					jQuery(e).addClass(this.sortCfg.accept);
+				jQuery(e).Draggable(this.sortCfg.dragCfg);
+			}
+		);
+	},
+	
+	destroy: function()
+	{
+		return this.each(
+			function()
+			{
+				jQuery('.' + this.sortCfg.accept).DraggableDestroy();
+				jQuery(this).DroppableDestroy();
+				this.sortCfg = null;
+				this.isSortable = null;
+			}
+		);
+	},
+	
+	build : function (o)
+	{
+		if (o.accept && jQuery.iUtil && jQuery.iDrag && jQuery.iDrop) {
+			if (!jQuery.iSort.helper) {
+				jQuery('body',document).append('<div id="sortHelper">&nbsp;</div>');
+				jQuery.iSort.helper = jQuery('#sortHelper');
+				jQuery.iSort.helper.get(0).style.display = 'none';
+			}
+			this.Droppable(
+				{
+					accept :  o.accept,
+					activeclass : o.activeclass ? o.activeclass : false,
+					hoverclass : o.hoverclass ? o.hoverclass : false,
+					helperclass : o.helperclass ? o.helperclass : false,
+					/*onDrop: function (drag, fx) 
+							{
+								jQuery.iSort.helper.after(drag);
+								if (fx > 0) {
+									jQuery(drag).fadeIn(fx);
+								}
+							},*/
+					onHover: o.onHover||o.onhover,
+					onOut: o.onOut||o.onout,
+					sortable : true,
+					onChange : 	o.onChange||o.onchange,
+					fx : o.fx ? o.fx : false,
+					ghosting : o.ghosting ? true : false,
+					tolerance: o.tolerance ? o.tolerance : 'intersect'
+				}
+			);
+			
+			return this.each(
+				function()
+				{
+					var dragCfg = {
+						revert : o.revert? true : false,
+						zindex : 3000,
+						opacity : o.opacity ? parseFloat(o.opacity) : false,
+						hpc : o.helperclass ? o.helperclass : false,
+						fx : o.fx ? o.fx : false,
+						so : true,
+						ghosting : o.ghosting ? true : false,
+						handle: o.handle ? o.handle : null,
+						containment: o.containment ? o.containment : null,
+						onStart : o.onStart && o.onStart.constructor == Function ? o.onStart : false,
+						onDrag : o.onDrag && o.onDrag.constructor == Function ? o.onDrag : false,
+						onStop : o.onStop && o.onStop.constructor == Function ? o.onStop : false,
+						axis : /vertically|horizontally/.test(o.axis) ? o.axis : false,
+						snapDistance : o.snapDistance ? parseInt(o.snapDistance)||0 : false,
+						cursorAt: o.cursorAt ? o.cursorAt : false
+					};
+					jQuery('.' + o.accept, this).Draggable(dragCfg);
+					this.isSortable = true;
+					this.sortCfg = {
+						accept :  o.accept,
+						revert : o.revert? true : false,
+						zindex : 3000,
+						opacity : o.opacity ? parseFloat(o.opacity) : false,
+						hpc : o.helperclass ? o.helperclass : false,
+						fx : o.fx ? o.fx : false,
+						so : true,
+						ghosting : o.ghosting ? true : false,
+						handle: o.handle ? o.handle : null,
+						containment: o.containment ? o.containment : null,
+						floats: o.floats ? true : false,
+						dragCfg : dragCfg
+					}
+				}
+			);
+		}
+	}
+};
+
+jQuery.fn.extend(
+	{
+		Sortable : jQuery.iSort.build,
+		/**
+		 * A new item can be added to a sortable by adding it to the DOM and then adding it via
+		 * SortableAddItem. 
+		 *
+		 * @name SortableAddItem
+		 * @param DOMElement elem A DOM Element to add to the sortable list
+		 * @example $('#sortable1').append('<li id="newitem">new item</li>')
+		 *                         .SortableAddItem($("#new_item")[0])
+		 * @type jQuery
+		 * @cat Plugins/Interface
+		 */
+		SortableAddItem : jQuery.iSort.addItem,
+		/**
+		 * Destroy a sortable
+		 *
+		 * @name SortableDestroy
+		 * @example $('#sortable1').SortableDestroy();
+		 * @type jQuery
+		 * @cat Plugins/Interface
+		 */
+		SortableDestroy: jQuery.iSort.destroy
+	}
+);
+
+/**
+ * This function returns the hash and an object (can be used as arguments for $.post) for every 
+ * sortable in the page or specific sortables. The hash is based on the 'id' attributes of 
+ * container and items.
+ *
+ * @params String sortable The id of the sortable to serialize
+ * @name $.SortSerialize
+ * @type String
+ * @cat Plugins/Interface
+ */
+
+jQuery.SortSerialize = jQuery.iSort.serialize;