refinerycms-project_portfolios 0.0.1

data/config/locales/lolcat.yml

@@ -0,0 +1,25 @@
+lolcat:
+  shared:
+    admin:
+      image_picker:
+        image: IMAGE
+  plugins:
+    project_portfolios:
+      title: Project Portfolios
+  admin:
+    project_portfolios:
+      actions:
+        create_new: CREATE NEW Project Portfolio
+        reorder: REORDR Project Portfolios
+        reorder_done: DUN REORDERIN Project Portfolios
+      records:
+        title: Project Portfolios
+        sorry_no_results: SRY! THAR R NO RESULTS FINDZ.
+        no_items_yet: THAR R NO Project Portfolios YET. CLICK "CREATE NEW Project Portfolio" 2 ADD UR FURST project portfolio.
+      project_portfolio:
+        view_live_html: VIEW DIS project portfolio LIV <BR/><EM>(OPENS IN NEW WINDOW)</EM>
+        edit: EDIT DIS project portfolio
+        delete: REMOOV DIS project portfolio FOREVR
+  project_portfolios:
+    show:
+      other: OTHR Project Portfolios

data/config/locales/nb.yml

@@ -0,0 +1,21 @@
+nb:
+  plugins:
+    project_portfolios:
+      title: Project Portfolios
+  admin:
+    project_portfolios:
+      actions:
+        create_new: Lag en ny Project Portfolio
+        reorder: Endre rekkefølgen på Project Portfolios
+        reorder_done: Ferdig å endre rekkefølgen Project Portfolios
+      records:
+        title: Project Portfolios
+        sorry_no_results: Beklager! Vi fant ikke noen resultater.
+        no_items_yet: Det er ingen Project Portfolios enda. Klikk på "Lag en ny Project Portfolio" for å legge til din første project portfolio.
+      project_portfolio:
+        view_live_html: Vis hvordan denne project portfolio ser ut offentlig <br/><em>(åpner i et nytt vindu)</em>
+        edit: Rediger denne project portfolio
+        delete: Fjern denne project portfolio permanent
+  project_portfolios:
+    show:
+      other: Andre Project Portfolios

data/config/locales/nl.yml

@@ -0,0 +1,21 @@
+nl:
+  plugins:
+    project_portfolios:
+      title: Project Portfolios
+  admin:
+    project_portfolios:
+      actions:
+        create_new: Maak een nieuwe Project Portfolio
+        reorder: Wijzig de volgorde van de Project Portfolios
+        reorder_done: Klaar met het wijzingen van de volgorde van de Project Portfolios
+      records:
+        title: Project Portfolios
+        sorry_no_results: Helaas! Er zijn geen resultaten gevonden.
+        no_items_yet: Er zijn nog geen Project Portfolios. Druk op 'Maak een nieuwe Project Portfolio' om de eerste aan te maken.
+      project_portfolio:
+        view_live_html: Bekijk deze project portfolio op de website <br/><em>(opent een nieuw venster)</em>
+        edit: Bewerk deze project portfolio
+        delete: Verwijder deze project portfolio voor eeuwig
+  project_portfolios:
+    show:
+      other: Andere Project Portfolios

data/config/routes.rb

@@ -0,0 +1,11 @@
+::Refinery::Application.routes.draw do
+  resources :project_portfolios, :only => [:index, :show]
+
+  scope(:path => 'refinery', :as => 'admin', :module => 'admin') do
+    resources :project_portfolios, :except => :show do
+      collection do
+        post :update_positions
+      end
+    end
+  end
+end

data/db/migrate/create_project_portfolios.rb

@@ -0,0 +1,34 @@
+class CreateProjectPortfolios < ActiveRecord::Migration
+
+  def self.up
+    create_table :project_portfolios do |t|
+      t.string :project_name
+      t.string :title
+      t.integer :thumbnail_id
+      t.string :thumbnail_url
+      t.integer :image_id
+      t.string :image_url
+      t.text :description
+      t.integer :position
+
+      t.timestamps
+    end
+
+    add_index :project_portfolios, :id
+
+    load(Rails.root.join('db', 'seeds', 'project_portfolios.rb'))
+  end
+
+  def self.down
+    if defined?(UserPlugin)
+      UserPlugin.destroy_all({:name => "project_portfolios"})
+    end
+
+    if defined?(Page)
+      Page.delete_all({:link_url => "/project_portfolios"})
+    end
+
+    drop_table :project_portfolios
+  end
+
+end

data/db/seeds/project_portfolios.rb

@@ -0,0 +1,21 @@
+if defined?(User)
+  User.all.each do |user|
+    if user.plugins.where(:name => 'project_portfolios').blank?
+      user.plugins.create(:name => 'project_portfolios',
+                          :position => (user.plugins.maximum(:position) || -1) +1)
+    end
+  end
+end
+
+if defined?(Page)
+  page = Page.create(
+    :title => 'Project Portfolios',
+    :link_url => '/project_portfolios',
+    :deletable => false,
+    :position => ((Page.maximum(:position, :conditions => {:parent_id => nil}) || -1)+1),
+    :menu_match => '^/project_portfolios(\/|\/.+?|)$'
+  )
+  Page.default_parts.each do |default_page_part|
+    page.parts.create(:title => default_page_part, :body => nil)
+  end
+end

data/lib/generators/refinerycms_project_portfolios_generator.rb

@@ -0,0 +1,6 @@
+class RefinerycmsProjectPortfolios < Refinery::Generators::EngineInstaller
+
+  source_root File.expand_path('../../../', __FILE__)
+  engine_name "project_portfolios"
+
+end

data/lib/refinerycms-project_portfolios.rb

@@ -0,0 +1,30 @@
+require 'refinerycms-base'
+
+module Refinery
+  module ProjectPortfolios
+
+    class << self
+      attr_accessor :root
+      def root
+        @root ||= Pathname.new(File.expand_path('../../', __FILE__))
+      end
+    end
+
+    class Engine < Rails::Engine
+      initializer "static assets" do |app|
+        app.middleware.insert_after ::ActionDispatch::Static, ::ActionDispatch::Static, "#{root}/public"
+      end
+
+      config.after_initialize do
+        Refinery::Plugin.register do |plugin|
+          plugin.name = "project_portfolios"
+          plugin.pathname = root
+          plugin.activity = {
+            :class => ProjectPortfolio,
+            :title => 'project_name'
+          }
+        end
+      end
+    end
+  end
+end

data/lib/tasks/project_portfolios.rake

@@ -0,0 +1,13 @@
+namespace :refinery do
+  
+  namespace :project_portfolios do
+    
+    # call this task my running: rake refinery:project_portfolios:my_task
+    # desc "Description of my task below"
+    # task :my_task => :environment do
+    #   # add your logic here
+    # end
+  
+  end
+  
+end

data/public/javascripts/jquery.bpopup.js

@@ -0,0 +1,10 @@
+/************************************************************************
+ * @name: bPopup
+ * @author: Bjoern Klinggaard (http://dinbror.dk/bpopup)
+ * @version: 0.3.6.min
+ ************************************************************************/ 
+(function(a){a.fn.openPopup=function(f,i){function s(){var b=a("input[type=text]",c).length!=0,j=o.vStart!=null?o.vStart:d.scrollTop()+g;if(o.xLink){a("a#bContinue").attr({href:a("a.xlink").attr("href")});a("a#bContinue .btnLink").text(a("a.xlink").attr("title"))}c.css({left:d.scrollLeft()+h,position:"absolute",top:j,"z-index":o.zIndex}).appendTo(o.appendTo).hide(function(){b&&c.each(function(){c.find("input[type=text]").val("")});o.loadUrl!=null&&c.load(o.loadUrl)}).fadeIn(o.fadeSpeed,function(){b&&
+c.find("input[type=text]:first").focus();a.isFunction(i)&&i()});t()}function l(){o.modal&&a("#bModal").fadeOut(o.fadeSpeed,function(){a("#bModal").remove()});c.fadeOut(o.fadeSpeed,function(){o.loadUrl!=null&&c.empty()});o.scrollBar||a("html").css("overflow","auto");a("."+o.closeClass).die("click");d.unbind("keydown.bPopup");e.unbind(".bPopup")}function u(){if(m){var b=[d.height(),d.width()];return{"background-color":o.modalColor,height:b[0],left:k(),opacity:0,position:"absolute",top:0,width:b[1],
+"z-index":o.zIndex-1}}else return{"background-color":o.modalColor,height:"100%",left:0,opacity:0,position:"fixed",top:0,width:"100%","z-index":o.zIndex-1}}function t(){a("."+o.closeClass).live("click",function(){l();return false});o.follow&&e.bind("scroll.bPopup",function(){c.stop().animate({left:d.scrollLeft()+h,top:d.scrollTop()+g},o.followSpeed)}).bind("resize.bPopup",function(){if(o.modal&&m){var b=[d.height(),d.width()];n.css({height:b[0],width:b[1],left:k()})}b=p(c,o.amsl);g=b[0];h=b[1];c.stop().animate({left:d.scrollLeft()+
+h,top:d.scrollTop()+g},o.followSpeed)});o.escClose&&d.bind("keydown.bPopup",function(b){b.which==27&&l()})}function k(){return e.width()<a("body").width()?0:(a("body").width()-e.width())/2}function p(b,j){var q=(e.height()-b.height())/2-j,v=(e.width()-b.width())/2+k();return[q<20?20:q,v]}if(a.isFunction(f)){i=f;f=null}o=a.extend({},a.fn.openPopup.defaults,f);o.scrollBar||a("html").css("overflow","hidden");var c=a(this),n=a('<div id="bModal"></div>'),d=a(document),e=a(window),r=p(c,o.amsl),g=r[0],
+h=r[1],m=a.browser.msie&&parseInt(a.browser.version)==6&&typeof window.XMLHttpRequest!="object";return this.each(function(){o.modal&&n.css(u()).appendTo(o.appendTo).animate({opacity:o.opacity},o.fadeSpeed);s()})};a.fn.openPopup.defaults={amsl:150,appendTo:"body",closeClass:"bClose",escClose:true,fadeSpeed:250,follow:true,followSpeed:500,loadUrl:null,modal:true,modalColor:"#000",opacity:0.5,scrollBar:true,xLink:false,zIndex:9999};a.fn.closePopup=function(){a(this).trigger("click")}})(jQuery);

data/public/javascripts/jquery.easing.js

@@ -0,0 +1,205 @@
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - jQuery Easing
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2008 George McGinley Smith
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+*/
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+jQuery.easing['jswing'] = jQuery.easing['swing'];
+
+jQuery.extend( jQuery.easing,
+{
+	def: 'easeOutQuad',
+	swing: function (x, t, b, c, d) {
+		//alert(jQuery.easing.default);
+		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+	},
+	easeInQuad: function (x, t, b, c, d) {
+		return c*(t/=d)*t + b;
+	},
+	easeOutQuad: function (x, t, b, c, d) {
+		return -c *(t/=d)*(t-2) + b;
+	},
+	easeInOutQuad: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t + b;
+		return -c/2 * ((--t)*(t-2) - 1) + b;
+	},
+	easeInCubic: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t + b;
+	},
+	easeOutCubic: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t + 1) + b;
+	},
+	easeInOutCubic: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t + b;
+		return c/2*((t-=2)*t*t + 2) + b;
+	},
+	easeInQuart: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t + b;
+	},
+	easeOutQuart: function (x, t, b, c, d) {
+		return -c * ((t=t/d-1)*t*t*t - 1) + b;
+	},
+	easeInOutQuart: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+		return -c/2 * ((t-=2)*t*t*t - 2) + b;
+	},
+	easeInQuint: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t*t + b;
+	},
+	easeOutQuint: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t*t*t + 1) + b;
+	},
+	easeInOutQuint: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+		return c/2*((t-=2)*t*t*t*t + 2) + b;
+	},
+	easeInSine: function (x, t, b, c, d) {
+		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+	},
+	easeOutSine: function (x, t, b, c, d) {
+		return c * Math.sin(t/d * (Math.PI/2)) + b;
+	},
+	easeInOutSine: function (x, t, b, c, d) {
+		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+	},
+	easeInExpo: function (x, t, b, c, d) {
+		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+	},
+	easeOutExpo: function (x, t, b, c, d) {
+		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+	},
+	easeInOutExpo: function (x, t, b, c, d) {
+		if (t==0) return b;
+		if (t==d) return b+c;
+		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+	},
+	easeInCirc: function (x, t, b, c, d) {
+		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+	},
+	easeOutCirc: function (x, t, b, c, d) {
+		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+	},
+	easeInOutCirc: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+	},
+	easeInElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+	},
+	easeOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+	},
+	easeInOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+	},
+	easeInBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*(t/=d)*t*((s+1)*t - s) + b;
+	},
+	easeOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+	},
+	easeInOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158; 
+		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+	},
+	easeInBounce: function (x, t, b, c, d) {
+		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+	},
+	easeOutBounce: function (x, t, b, c, d) {
+		if ((t/=d) < (1/2.75)) {
+			return c*(7.5625*t*t) + b;
+		} else if (t < (2/2.75)) {
+			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+		} else if (t < (2.5/2.75)) {
+			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+		} else {
+			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+		}
+	},
+	easeInOutBounce: function (x, t, b, c, d) {
+		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+	}
+});
+
+/*
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2001 Robert Penner
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+ */

data/public/javascripts/jquery.quicksand.js

@@ -0,0 +1,307 @@
+/*
+
+Quicksand 1.2.2
+
+Reorder and filter items with a nice shuffling animation.
+
+Copyright (c) 2010 Jacek Galanciak (razorjack.net) and agilope.com
+Big thanks for Piotr Petrus (riddle.pl) for deep code review and wonderful docs & demos.
+
+Dual licensed under the MIT and GPL version 2 licenses.
+http://github.com/jquery/jquery/blob/master/MIT-LICENSE.txt
+http://github.com/jquery/jquery/blob/master/GPL-LICENSE.txt
+
+Project site: http://razorjack.net/quicksand
+Github site: http://github.com/razorjack/quicksand
+
+*/
+
+(function ($) {
+    $.fn.quicksand = function (collection, customOptions) {     
+        var options = {
+            duration: 750,
+            easing: 'swing',
+            attribute: 'data-id', // attribute to recognize same items within source and dest
+            adjustHeight: 'auto', // 'dynamic' animates height during shuffling (slow), 'auto' adjusts it before or after the animation, false leaves height constant
+            useScaling: true, // disable it if you're not using scaling effect or want to improve performance
+            enhancement: function(c) {}, // Visual enhacement (eg. font replacement) function for cloned elements
+            selector: '> *',
+            dx: 0,
+            dy: 0
+        };
+        $.extend(options, customOptions);
+        
+        if ($.browser.msie || (typeof($.fn.scale) == 'undefined')) {
+            // Got IE and want scaling effect? Kiss my ass.
+            options.useScaling = false;
+        }
+        
+        var callbackFunction;
+        if (typeof(arguments[1]) == 'function') {
+            var callbackFunction = arguments[1];
+        } else if (typeof(arguments[2] == 'function')) {
+            var callbackFunction = arguments[2];
+        }
+    
+        
+        return this.each(function (i) {
+            var val;
+            var animationQueue = []; // used to store all the animation params before starting the animation; solves initial animation slowdowns
+            var $collection = $(collection).clone(); // destination (target) collection
+            var $sourceParent = $(this); // source, the visible container of source collection
+            var sourceHeight = $(this).css('height'); // used to keep height and document flow during the animation
+            
+            var destHeight;
+            var adjustHeightOnCallback = false;
+            
+            var offset = $($sourceParent).offset(); // offset of visible container, used in animation calculations
+            var offsets = []; // coordinates of every source collection item            
+            
+            var $source = $(this).find(options.selector); // source collection items
+            
+            // Replace the collection and quit if IE6
+            if ($.browser.msie && $.browser.version.substr(0,1)<7) {
+                $sourceParent.html('').append($collection);
+                return;
+            }
+
+            // Gets called when any animation is finished
+            var postCallbackPerformed = 0; // prevents the function from being called more than one time
+            var postCallback = function () {
+                
+                if (!postCallbackPerformed) {
+                    postCallbackPerformed = 1;
+                    
+                    // hack: 
+                    // used to be: $sourceParent.html($dest.html()); // put target HTML into visible source container
+                    // but new webkit builds cause flickering when replacing the collections
+                    $toDelete = $sourceParent.find('> *');
+                    $sourceParent.prepend($dest.find('> *'));
+                    $toDelete.remove();
+                         
+                    if (adjustHeightOnCallback) {
+                        $sourceParent.css('height', destHeight);
+                    }
+                    options.enhancement($sourceParent); // Perform custom visual enhancements on a newly replaced collection
+                    if (typeof callbackFunction == 'function') {
+                        callbackFunction.call(this);
+                    }                    
+                }
+            };
+            
+            // Position: relative situations
+            var $correctionParent = $sourceParent.offsetParent();
+            var correctionOffset = $correctionParent.offset();
+            if ($correctionParent.css('position') == 'relative') {
+                if ($correctionParent.get(0).nodeName.toLowerCase() == 'body') {
+
+                } else {
+                    correctionOffset.top += (parseFloat($correctionParent.css('border-top-width')) || 0);
+                    correctionOffset.left +=( parseFloat($correctionParent.css('border-left-width')) || 0);
+                }
+            } else {
+                correctionOffset.top -= (parseFloat($correctionParent.css('border-top-width')) || 0);
+                correctionOffset.left -= (parseFloat($correctionParent.css('border-left-width')) || 0);
+                correctionOffset.top -= (parseFloat($correctionParent.css('margin-top')) || 0);
+                correctionOffset.left -= (parseFloat($correctionParent.css('margin-left')) || 0);
+            }
+            
+            // perform custom corrections from options (use when Quicksand fails to detect proper correction)
+            if (isNaN(correctionOffset.left)) {
+                correctionOffset.left = 0;
+            }
+            if (isNaN(correctionOffset.top)) {
+                correctionOffset.top = 0;
+            }
+            
+            correctionOffset.left -= options.dx;
+            correctionOffset.top -= options.dy;
+
+            // keeps nodes after source container, holding their position
+            $sourceParent.css('height', $(this).height());
+            
+            // get positions of source collections
+            $source.each(function (i) {
+                offsets[i] = $(this).offset();
+            });
+            
+            // stops previous animations on source container
+            $(this).stop();
+            var dx = 0; var dy = 0;
+            $source.each(function (i) {
+                $(this).stop(); // stop animation of collection items
+                var rawObj = $(this).get(0);
+                if (rawObj.style.position == 'absolute') {
+                    dx = -options.dx;
+                    dy = -options.dy;
+                } else {
+                    dx = options.dx;
+                    dy = options.dy;                    
+                }
+
+                rawObj.style.position = 'absolute';
+                rawObj.style.margin = '0';
+
+                rawObj.style.top = (offsets[i].top - parseFloat(rawObj.style.marginTop) - correctionOffset.top + dy) + 'px';
+                rawObj.style.left = (offsets[i].left - parseFloat(rawObj.style.marginLeft) - correctionOffset.left + dx) + 'px';
+            });
+                    
+            // create temporary container with destination collection
+            var $dest = $($sourceParent).clone();
+            var rawDest = $dest.get(0);
+            rawDest.innerHTML = '';
+            rawDest.setAttribute('id', '');
+            rawDest.style.height = 'auto';
+            rawDest.style.width = $sourceParent.width() + 'px';
+            $dest.append($collection);      
+            // insert node into HTML
+            // Note that the node is under visible source container in the exactly same position
+            // The browser render all the items without showing them (opacity: 0.0)
+            // No offset calculations are needed, the browser just extracts position from underlayered destination items
+            // and sets animation to destination positions.
+            $dest.insertBefore($sourceParent);
+            $dest.css('opacity', 0.0);
+            rawDest.style.zIndex = -1;
+            
+            rawDest.style.margin = '0';
+            rawDest.style.position = 'absolute';
+            rawDest.style.top = offset.top - correctionOffset.top + 'px';
+            rawDest.style.left = offset.left - correctionOffset.left + 'px';
+            
+            
+    
+            
+
+            if (options.adjustHeight === 'dynamic') {
+                // If destination container has different height than source container
+                // the height can be animated, adjusting it to destination height
+                $sourceParent.animate({height: $dest.height()}, options.duration, options.easing);
+            } else if (options.adjustHeight === 'auto') {
+                destHeight = $dest.height();
+                if (parseFloat(sourceHeight) < parseFloat(destHeight)) {
+                    // Adjust the height now so that the items don't move out of the container
+                    $sourceParent.css('height', destHeight);
+                } else {
+                    //  Adjust later, on callback
+                    adjustHeightOnCallback = true;
+                }
+            }
+                
+            // Now it's time to do shuffling animation
+            // First of all, we need to identify same elements within source and destination collections    
+            $source.each(function (i) {
+                var destElement = [];
+                if (typeof(options.attribute) == 'function') {
+                    
+                    val = options.attribute($(this));
+                    $collection.each(function() {
+                        if (options.attribute(this) == val) {
+                            destElement = $(this);
+                            return false;
+                        }
+                    });
+                } else {
+                    destElement = $collection.filter('[' + options.attribute + '=' + $(this).attr(options.attribute) + ']');
+                }
+                if (destElement.length) {
+                    // The item is both in source and destination collections
+                    // It it's under different position, let's move it
+                    if (!options.useScaling) {
+                        animationQueue.push(
+                                            {
+                                                element: $(this), 
+                                                animation: 
+                                                    {top: destElement.offset().top - correctionOffset.top, 
+                                                     left: destElement.offset().left - correctionOffset.left, 
+                                                     opacity: 1.0
+                                                    }
+                                            });
+
+                    } else {
+                        animationQueue.push({
+                                            element: $(this), 
+                                            animation: {top: destElement.offset().top - correctionOffset.top, 
+                                                        left: destElement.offset().left - correctionOffset.left, 
+                                                        opacity: 1.0, 
+                                                        scale: '1.0'
+                                                       }
+                                            });
+
+                    }
+                } else {
+                    // The item from source collection is not present in destination collections
+                    // Let's remove it
+                    if (!options.useScaling) {
+                        animationQueue.push({element: $(this), 
+                                             animation: {opacity: '0.0'}});
+                    } else {
+                        animationQueue.push({element: $(this), animation: {opacity: '0.0', 
+                                         scale: '0.0'}});
+                    }
+                }
+            });
+            
+            $collection.each(function (i) {
+                // Grab all items from target collection not present in visible source collection
+                
+                var sourceElement = [];
+                var destElement = [];
+                if (typeof(options.attribute) == 'function') {
+                    val = options.attribute($(this));
+                    $source.each(function() {
+                        if (options.attribute(this) == val) {
+                            sourceElement = $(this);
+                            return false;
+                        }
+                    });                 
+
+                    $collection.each(function() {
+                        if (options.attribute(this) == val) {
+                            destElement = $(this);
+                            return false;
+                        }
+                    });
+                } else {
+                    sourceElement = $source.filter('[' + options.attribute + '=' + $(this).attr(options.attribute) + ']');
+                    destElement = $collection.filter('[' + options.attribute + '=' + $(this).attr(options.attribute) + ']');
+                }
+                
+                var animationOptions;
+                if (sourceElement.length === 0) {
+                    // No such element in source collection...
+                    if (!options.useScaling) {
+                        animationOptions = {
+                            opacity: '1.0'
+                        };
+                    } else {
+                        animationOptions = {
+                            opacity: '1.0',
+                            scale: '1.0'
+                        };
+                    }
+                    // Let's create it
+                    d = destElement.clone();
+                    var rawDestElement = d.get(0);
+                    rawDestElement.style.position = 'absolute';
+                    rawDestElement.style.margin = '0';
+                    rawDestElement.style.top = destElement.offset().top - correctionOffset.top + 'px';
+                    rawDestElement.style.left = destElement.offset().left - correctionOffset.left + 'px';
+                    d.css('opacity', 0.0); // IE
+                    if (options.useScaling) {
+                        d.css('transform', 'scale(0.0)');
+                    }
+                    d.appendTo($sourceParent);
+                    
+                    animationQueue.push({element: $(d), 
+                                         animation: animationOptions});
+                }
+            });
+            
+            $dest.remove();
+            options.enhancement($sourceParent); // Perform custom visual enhancements during the animation
+            for (i = 0; i < animationQueue.length; i++) {
+                animationQueue[i].element.animate(animationQueue[i].animation, options.duration, options.easing, postCallback);
+            }
+        });
+    };
+})(jQuery);