compass-jquery-plugin 0.3.2.8 → 0.3.3.0

data/templates/jquery/jquery.dst.js

@@ -1,92 +1,92 @@
 jQuery.DSt = (function() {
-    var a = {version:0.002005,get:function(b) {
-        var c = localStorage.getItem(b);
-        if (c === undefined || c === null) {
-            c = "null"
-        } else {
-            c = c.toString()
+  var a = {version:0.002005,get:function(b) {
+    var c = localStorage.getItem(b);
+    if (c === undefined || c === null) {
+      c = "null"
+    } else {
+      c = c.toString()
+    }
+    return JSON.parse(c)
+  },set:function(b, c) {
+    return localStorage.setItem(b, JSON.stringify(c))
+  },store:function(b) {
+    if (typeof(b) == "string") {
+      b = document.getElementById(b)
+    }
+    if (!b || b.name == "") {
+      return this
+    }
+    var c = a._form_elt_key(b);
+    if (b.type == "checkbox") {
+      a.set(c, b.checked ? 1 : 0)
+    } else {
+      if (b.type == "radio") {
+        a.set(c, a._radio_value(b))
+      } else {
+        a.set(c, b.value || "")
+      }
+    }
+    return this
+  },recall:function(b) {
+    if (typeof(b) == "string") {
+      b = document.getElementById(b)
+    }
+    if (!b || b.name == "") {
+      return this
+    }
+    var c = a._form_elt_key(b);
+    var d = a.get(c);
+    if (b.type == "checkbox") {
+      b.checked = !!d
+    } else {
+      if (b.type == "radio") {
+        if (b.value == d) {
+          b.checked = true
         }
-        return JSON.parse(c)
-    },set:function(b, c) {
-        return localStorage.setItem(b, JSON.stringify(c))
-    },store:function(b) {
-        if (typeof(b) == "string") {
-            b = document.getElementById(b)
-        }
-        if (!b || b.name == "") {
-            return this
-        }
-        var c = a._form_elt_key(b);
-        if (b.type == "checkbox") {
-            a.set(c, b.checked ? 1 : 0)
-        } else {
-            if (b.type == "radio") {
-                a.set(c, a._radio_value(b))
-            } else {
-                a.set(c, b.value || "")
-            }
-        }
-        return this
-    },recall:function(b) {
-        if (typeof(b) == "string") {
-            b = document.getElementById(b)
-        }
-        if (!b || b.name == "") {
-            return this
-        }
-        var c = a._form_elt_key(b);
-        var d = a.get(c);
-        if (b.type == "checkbox") {
-            b.checked = !!d
-        } else {
-            if (b.type == "radio") {
-                if (b.value == d) {
-                    b.checked = true
-                }
-            } else {
-                b.value = d || ""
-            }
-        }
-        return this
-    },_form_elt_key:function(b) {
-        return"_form_" + b.form.name + "_field_" + b.name
-    },_radio_value:function(e) {
-        if (typeof(e) == "string") {
-            e = document.getElementById(e)
-        }
-        var f = e.form.elements[e.name];
-        var b = f.length;
-        var d = null;
-        for (var c = 0; c < b; c++) {
-            if (f[c].checked) {
-                d = f[c].value
-            }
-        }
-        return d
-    },recall_form:function(b) {
-        return a._apply_fn_to_form_inputs(b, a.recall)
-    },store_form:function(b) {
-        return a._apply_fn_to_form_inputs(b, a.store)
-    },_apply_fn_to_form_inputs:function(e, c) {
-        if (typeof(e) == "string") {
-            e = document.getElementById(e)
-        }
-        var f = e.elements.length;
-        for (var b = 0; b < f; b++) {
-            var d = e.elements[b];
-            if (d.tagName == "TEXTAREA" || d.tagName == "INPUT" && d.type != "file" && d.type != "button" && d.type != "image" && d.type != "password" && d.type != "submit" && d.type != "reset") {
-                c(d)
-            }
-        }
-        return this
-    },_storage_types:function() {
-        var b = "";
-        for (var c in window) {
-            if (c == "sessionStorage" || c == "globalStorage" || c == "localStorage" || c == "openDatabase") {
-                b += b ? (" " + c) : c
-            }
-        }
-        return b
-    },javascript_accepts_trailing_comma:false};
-    return a
+      } else {
+        b.value = d || ""
+      }
+    }
+    return this
+  },_form_elt_key:function(b) {
+    return"_form_" + b.form.name + "_field_" + b.name
+  },_radio_value:function(e) {
+    if (typeof(e) == "string") {
+      e = document.getElementById(e)
+    }
+    var f = e.form.elements[e.name];
+    var b = f.length;
+    var d = null;
+    for (var c = 0; c < b; c++) {
+      if (f[c].checked) {
+        d = f[c].value
+      }
+    }
+    return d
+  },recall_form:function(b) {
+    return a._apply_fn_to_form_inputs(b, a.recall)
+  },store_form:function(b) {
+    return a._apply_fn_to_form_inputs(b, a.store)
+  },_apply_fn_to_form_inputs:function(e, c) {
+    if (typeof(e) == "string") {
+      e = document.getElementById(e)
+    }
+    var f = e.elements.length;
+    for (var b = 0; b < f; b++) {
+      var d = e.elements[b];
+      if (d.tagName == "TEXTAREA" || d.tagName == "INPUT" && d.type != "file" && d.type != "button" && d.type != "image" && d.type != "password" && d.type != "submit" && d.type != "reset") {
+        c(d)
+      }
+    }
+    return this
+  },_storage_types:function() {
+    var b = "";
+    for (var c in window) {
+      if (c == "sessionStorage" || c == "globalStorage" || c == "localStorage" || c == "openDatabase") {
+        b += b ? (" " + c) : c
+      }
+    }
+    return b
+  },javascript_accepts_trailing_comma:false};
+  return a
 })();

data/templates/jquery/jquery.easing.js

@@ -0,0 +1,226 @@
+/*
+ * 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/templates/jquery/jquery.easing.min.js

@@ -0,0 +1,8 @@
+jQuery.easing.jswing=jQuery.easing.swing;
+jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,a,c,b,d){return jQuery.easing[jQuery.easing.def](e,a,c,b,d)},easeInQuad:function(e,a,c,b,d){return b*(a/=d)*a+c},easeOutQuad:function(e,a,c,b,d){return-b*(a/=d)*(a-2)+c},easeInOutQuad:function(e,a,c,b,d){if((a/=d/2)<1)return b/2*a*a+c;return-b/2*(--a*(a-2)-1)+c},easeInCubic:function(e,a,c,b,d){return b*(a/=d)*a*a+c},easeOutCubic:function(e,a,c,b,d){return b*((a=a/d-1)*a*a+1)+c},easeInOutCubic:function(e,a,c,b,d){if((a/=d/2)<1)return b/
+2*a*a*a+c;return b/2*((a-=2)*a*a+2)+c},easeInQuart:function(e,a,c,b,d){return b*(a/=d)*a*a*a+c},easeOutQuart:function(e,a,c,b,d){return-b*((a=a/d-1)*a*a*a-1)+c},easeInOutQuart:function(e,a,c,b,d){if((a/=d/2)<1)return b/2*a*a*a*a+c;return-b/2*((a-=2)*a*a*a-2)+c},easeInQuint:function(e,a,c,b,d){return b*(a/=d)*a*a*a*a+c},easeOutQuint:function(e,a,c,b,d){return b*((a=a/d-1)*a*a*a*a+1)+c},easeInOutQuint:function(e,a,c,b,d){if((a/=d/2)<1)return b/2*a*a*a*a*a+c;return b/2*((a-=2)*a*a*a*a+2)+c},easeInSine:function(e,
+a,c,b,d){return-b*Math.cos(a/d*(Math.PI/2))+b+c},easeOutSine:function(e,a,c,b,d){return b*Math.sin(a/d*(Math.PI/2))+c},easeInOutSine:function(e,a,c,b,d){return-b/2*(Math.cos(Math.PI*a/d)-1)+c},easeInExpo:function(e,a,c,b,d){return a==0?c:b*Math.pow(2,10*(a/d-1))+c},easeOutExpo:function(e,a,c,b,d){return a==d?c+b:b*(-Math.pow(2,-10*a/d)+1)+c},easeInOutExpo:function(e,a,c,b,d){if(a==0)return c;if(a==d)return c+b;if((a/=d/2)<1)return b/2*Math.pow(2,10*(a-1))+c;return b/2*(-Math.pow(2,-10*--a)+2)+c},
+easeInCirc:function(e,a,c,b,d){return-b*(Math.sqrt(1-(a/=d)*a)-1)+c},easeOutCirc:function(e,a,c,b,d){return b*Math.sqrt(1-(a=a/d-1)*a)+c},easeInOutCirc:function(e,a,c,b,d){if((a/=d/2)<1)return-b/2*(Math.sqrt(1-a*a)-1)+c;return b/2*(Math.sqrt(1-(a-=2)*a)+1)+c},easeInElastic:function(e,a,c,b,d){var e=1.70158,f=0,g=b;if(a==0)return c;if((a/=d)==1)return c+b;f||(f=d*0.3);g<Math.abs(b)?(g=b,e=f/4):e=f/(2*Math.PI)*Math.asin(b/g);return-(g*Math.pow(2,10*(a-=1))*Math.sin((a*d-e)*2*Math.PI/f))+c},easeOutElastic:function(e,
+a,c,b,d){var e=1.70158,f=0,g=b;if(a==0)return c;if((a/=d)==1)return c+b;f||(f=d*0.3);g<Math.abs(b)?(g=b,e=f/4):e=f/(2*Math.PI)*Math.asin(b/g);return g*Math.pow(2,-10*a)*Math.sin((a*d-e)*2*Math.PI/f)+b+c},easeInOutElastic:function(e,a,c,b,d){var e=1.70158,f=0,g=b;if(a==0)return c;if((a/=d/2)==2)return c+b;f||(f=d*0.3*1.5);g<Math.abs(b)?(g=b,e=f/4):e=f/(2*Math.PI)*Math.asin(b/g);if(a<1)return-0.5*g*Math.pow(2,10*(a-=1))*Math.sin((a*d-e)*2*Math.PI/f)+c;return g*Math.pow(2,-10*(a-=1))*Math.sin((a*d-e)*
+2*Math.PI/f)*0.5+b+c},easeInBack:function(e,a,c,b,d,f){f==void 0&&(f=1.70158);return b*(a/=d)*a*((f+1)*a-f)+c},easeOutBack:function(e,a,c,b,d,f){f==void 0&&(f=1.70158);return b*((a=a/d-1)*a*((f+1)*a+f)+1)+c},easeInOutBack:function(e,a,c,b,d,f){f==void 0&&(f=1.70158);if((a/=d/2)<1)return b/2*a*a*(((f*=1.525)+1)*a-f)+c;return b/2*((a-=2)*a*(((f*=1.525)+1)*a+f)+2)+c},easeInBounce:function(e,a,c,b,d){return b-jQuery.easing.easeOutBounce(e,d-a,0,b,d)+c},easeOutBounce:function(e,a,c,b,d){return(a/=d)<1/
+2.75?b*7.5625*a*a+c:a<2/2.75?b*(7.5625*(a-=1.5/2.75)*a+0.75)+c:a<2.5/2.75?b*(7.5625*(a-=2.25/2.75)*a+0.9375)+c:b*(7.5625*(a-=2.625/2.75)*a+0.984375)+c},easeInOutBounce:function(e,a,c,b,d){if(a<d/2)return jQuery.easing.easeInBounce(e,a*2,0,b,d)*0.5+c;return jQuery.easing.easeOutBounce(e,a*2-d,0,b,d)*0.5+b*0.5+c}});

data/templates/jquery/jquery.farbtastic.js

@@ -18,328 +18,328 @@
  */
 
 jQuery.fn.farbtastic = function (callback) {
-    $.farbtastic(this, callback);
-    return this;
+  $.farbtastic(this, callback);
+  return this;
 };
 
 jQuery.farbtastic = function (container, callback) {
-    var container = $(container).get(0);
-    return container.farbtastic || (container.farbtastic = new jQuery._farbtastic(container, callback));
+  var container = $(container).get(0);
+  return container.farbtastic || (container.farbtastic = new jQuery._farbtastic(container, callback));
 }
 
 jQuery._farbtastic = function (container, callback) {
-    // Store farbtastic object
-    var fb = this;
-
-    // Insert markup
-    $(container).html('<div class="farbtastic"><div class="color"></div><div class="wheel"></div><div class="overlay"></div><div class="h-marker marker"></div><div class="sl-marker marker"></div></div>');
-    var e = $('.farbtastic', container);
-    fb.wheel = $('.wheel', container).get(0);
-    // Dimensions
-    fb.radius = 84;
-    fb.square = 100;
-    fb.width = 194;
-
-    // Fix background PNGs in IE6
-    if (navigator.appVersion.match(/MSIE [0-6]\./)) {
-        $('*', e).each(function () {
-            if (this.currentStyle.backgroundImage != 'none') {
-                var image = this.currentStyle.backgroundImage;
-                image = this.currentStyle.backgroundImage.substring(5, image.length - 2);
-                $(this).css({
-                    'backgroundImage': 'none',
-                    'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
-                });
-            }
+  // Store farbtastic object
+  var fb = this;
+
+  // Insert markup
+  $(container).html('<div class="farbtastic"><div class="color"></div><div class="wheel"></div><div class="overlay"></div><div class="h-marker marker"></div><div class="sl-marker marker"></div></div>');
+  var e = $('.farbtastic', container);
+  fb.wheel = $('.wheel', container).get(0);
+  // Dimensions
+  fb.radius = 84;
+  fb.square = 100;
+  fb.width = 194;
+
+  // Fix background PNGs in IE6
+  if (navigator.appVersion.match(/MSIE [0-6]\./)) {
+    $('*', e).each(function () {
+      if (this.currentStyle.backgroundImage != 'none') {
+        var image = this.currentStyle.backgroundImage;
+        image = this.currentStyle.backgroundImage.substring(5, image.length - 2);
+        $(this).css({
+          'backgroundImage': 'none',
+          'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
         });
+      }
+    });
+  }
+
+  /**
+   * Link to the given element(s) or callback.
+   */
+  fb.linkTo = function (callback) {
+    // Unbind previous nodes
+    if (typeof fb.callback == 'object') {
+      $(fb.callback).unbind('keyup', fb.updateValue);
     }
 
-    /**
-     * Link to the given element(s) or callback.
-     */
-    fb.linkTo = function (callback) {
-        // Unbind previous nodes
-        if (typeof fb.callback == 'object') {
-            $(fb.callback).unbind('keyup', fb.updateValue);
-        }
-
-        // Reset color
-        fb.color = null;
+    // Reset color
+    fb.color = null;
 
-        // Bind callback or elements
-        if (typeof callback == 'function') {
-            fb.callback = callback;
-        }
-        else if (typeof callback == 'object' || typeof callback == 'string') {
-            fb.callback = $(callback);
-            fb.callback.bind('keyup', fb.updateValue);
-            if (fb.callback.get(0).value) {
-                fb.setColor(fb.callback.get(0).value);
-            }
-        }
-        return this;
+    // Bind callback or elements
+    if (typeof callback == 'function') {
+      fb.callback = callback;
     }
-    fb.updateValue = function (event) {
-        if (this.value && this.value != fb.color) {
-            fb.setColor(this.value);
-        }
+    else if (typeof callback == 'object' || typeof callback == 'string') {
+      fb.callback = $(callback);
+      fb.callback.bind('keyup', fb.updateValue);
+      if (fb.callback.get(0).value) {
+        fb.setColor(fb.callback.get(0).value);
+      }
     }
-
-    /**
-     * Change color with HTML syntax #123456
-     */
-    fb.setColor = function (color) {
-        var unpack = fb.unpack(color);
-        if (fb.color != color && unpack) {
-            fb.color = color;
-            fb.rgb = unpack;
-            fb.hsl = fb.RGBToHSL(fb.rgb);
-            fb.updateDisplay();
-        }
-        return this;
+    return this;
+  }
+  fb.updateValue = function (event) {
+    if (this.value && this.value != fb.color) {
+      fb.setColor(this.value);
     }
-
-    /**
-     * Change color with HSL triplet [0..1, 0..1, 0..1]
-     */
-    fb.setHSL = function (hsl) {
-        fb.hsl = hsl;
-        fb.rgb = fb.HSLToRGB(hsl);
-        fb.color = fb.pack(fb.rgb);
-        fb.updateDisplay();
-        return this;
+  }
+
+  /**
+   * Change color with HTML syntax #123456
+   */
+  fb.setColor = function (color) {
+    var unpack = fb.unpack(color);
+    if (fb.color != color && unpack) {
+      fb.color = color;
+      fb.rgb = unpack;
+      fb.hsl = fb.RGBToHSL(fb.rgb);
+      fb.updateDisplay();
     }
-
-    /////////////////////////////////////////////////////
-
-    /**
-     * Retrieve the coordinates of the given event relative to the center
-     * of the widget.
-     */
-    fb.widgetCoords = function (event) {
-        var x, y;
-        var el = event.target || event.srcElement;
-        var reference = fb.wheel;
-
-        if (typeof event.offsetX != 'undefined') {
-            // Use offset coordinates and find common offsetParent
-            var pos = { x: event.offsetX, y: event.offsetY };
-
-            // Send the coordinates upwards through the offsetParent chain.
-            var e = el;
-            while (e) {
-                e.mouseX = pos.x;
-                e.mouseY = pos.y;
-                pos.x += e.offsetLeft;
-                pos.y += e.offsetTop;
-                e = e.offsetParent;
-            }
-
-            // Look for the coordinates starting from the wheel widget.
-            var e = reference;
-            var offset = { x: 0, y: 0 }
-            while (e) {
-                if (typeof e.mouseX != 'undefined') {
-                    x = e.mouseX - offset.x;
-                    y = e.mouseY - offset.y;
-                    break;
-                }
-                offset.x += e.offsetLeft;
-                offset.y += e.offsetTop;
-                e = e.offsetParent;
-            }
-
-            // Reset stored coordinates
-            e = el;
-            while (e) {
-                e.mouseX = undefined;
-                e.mouseY = undefined;
-                e = e.offsetParent;
-            }
-        }
-        else {
-            // Use absolute coordinates
-            var pos = fb.absolutePosition(reference);
-            x = (event.pageX || 0 * (event.clientX + $('html').get(0).scrollLeft)) - pos.x;
-            y = (event.pageY || 0 * (event.clientY + $('html').get(0).scrollTop)) - pos.y;
+    return this;
+  }
+
+  /**
+   * Change color with HSL triplet [0..1, 0..1, 0..1]
+   */
+  fb.setHSL = function (hsl) {
+    fb.hsl = hsl;
+    fb.rgb = fb.HSLToRGB(hsl);
+    fb.color = fb.pack(fb.rgb);
+    fb.updateDisplay();
+    return this;
+  }
+
+  /////////////////////////////////////////////////////
+
+  /**
+   * Retrieve the coordinates of the given event relative to the center
+   * of the widget.
+   */
+  fb.widgetCoords = function (event) {
+    var x, y;
+    var el = event.target || event.srcElement;
+    var reference = fb.wheel;
+
+    if (typeof event.offsetX != 'undefined') {
+      // Use offset coordinates and find common offsetParent
+      var pos = { x: event.offsetX, y: event.offsetY };
+
+      // Send the coordinates upwards through the offsetParent chain.
+      var e = el;
+      while (e) {
+        e.mouseX = pos.x;
+        e.mouseY = pos.y;
+        pos.x += e.offsetLeft;
+        pos.y += e.offsetTop;
+        e = e.offsetParent;
+      }
+
+      // Look for the coordinates starting from the wheel widget.
+      var e = reference;
+      var offset = { x: 0, y: 0 }
+      while (e) {
+        if (typeof e.mouseX != 'undefined') {
+          x = e.mouseX - offset.x;
+          y = e.mouseY - offset.y;
+          break;
         }
-        // Subtract distance to middle
-        return { x: x - fb.width / 2, y: y - fb.width / 2 };
+        offset.x += e.offsetLeft;
+        offset.y += e.offsetTop;
+        e = e.offsetParent;
+      }
+
+      // Reset stored coordinates
+      e = el;
+      while (e) {
+        e.mouseX = undefined;
+        e.mouseY = undefined;
+        e = e.offsetParent;
+      }
     }
-
-    /**
-     * Mousedown handler
-     */
-    fb.mousedown = function (event) {
-        // Capture mouse
-        if (!document.dragging) {
-            $(document).bind('mousemove', fb.mousemove).bind('mouseup', fb.mouseup);
-            document.dragging = true;
-        }
-
-        // Check which area is being dragged
-        var pos = fb.widgetCoords(event);
-        fb.circleDrag = Math.max(Math.abs(pos.x), Math.abs(pos.y)) * 2 > fb.square;
-
-        // Process
-        fb.mousemove(event);
-        return false;
+    else {
+      // Use absolute coordinates
+      var pos = fb.absolutePosition(reference);
+      x = (event.pageX || 0 * (event.clientX + $('html').get(0).scrollLeft)) - pos.x;
+      y = (event.pageY || 0 * (event.clientY + $('html').get(0).scrollTop)) - pos.y;
     }
-
-    /**
-     * Mousemove handler
-     */
-    fb.mousemove = function (event) {
-        // Get coordinates relative to color picker center
-        var pos = fb.widgetCoords(event);
-
-        // Set new HSL parameters
-        if (fb.circleDrag) {
-            var hue = Math.atan2(pos.x, -pos.y) / 6.28;
-            if (hue < 0) hue += 1;
-            fb.setHSL([hue, fb.hsl[1], fb.hsl[2]]);
-        }
-        else {
-            var sat = Math.max(0, Math.min(1, -(pos.x / fb.square) + .5));
-            var lum = Math.max(0, Math.min(1, -(pos.y / fb.square) + .5));
-            fb.setHSL([fb.hsl[0], sat, lum]);
-        }
-        return false;
+    // Subtract distance to middle
+    return { x: x - fb.width / 2, y: y - fb.width / 2 };
+  }
+
+  /**
+   * Mousedown handler
+   */
+  fb.mousedown = function (event) {
+    // Capture mouse
+    if (!document.dragging) {
+      $(document).bind('mousemove', fb.mousemove).bind('mouseup', fb.mouseup);
+      document.dragging = true;
     }
 
-    /**
-     * Mouseup handler
-     */
-    fb.mouseup = function () {
-        // Uncapture mouse
-        $(document).unbind('mousemove', fb.mousemove);
-        $(document).unbind('mouseup', fb.mouseup);
-        document.dragging = false;
+    // Check which area is being dragged
+    var pos = fb.widgetCoords(event);
+    fb.circleDrag = Math.max(Math.abs(pos.x), Math.abs(pos.y)) * 2 > fb.square;
+
+    // Process
+    fb.mousemove(event);
+    return false;
+  }
+
+  /**
+   * Mousemove handler
+   */
+  fb.mousemove = function (event) {
+    // Get coordinates relative to color picker center
+    var pos = fb.widgetCoords(event);
+
+    // Set new HSL parameters
+    if (fb.circleDrag) {
+      var hue = Math.atan2(pos.x, -pos.y) / 6.28;
+      if (hue < 0) hue += 1;
+      fb.setHSL([hue, fb.hsl[1], fb.hsl[2]]);
     }
-
-    /**
-     * Update the markers and styles
-     */
-    fb.updateDisplay = function () {
-        // Markers
-        var angle = fb.hsl[0] * 6.28;
-        $('.h-marker', e).css({
-            left: Math.round(Math.sin(angle) * fb.radius + fb.width / 2) + 'px',
-            top: Math.round(-Math.cos(angle) * fb.radius + fb.width / 2) + 'px'
-        });
-
-        $('.sl-marker', e).css({
-            left: Math.round(fb.square * (.5 - fb.hsl[1]) + fb.width / 2) + 'px',
-            top: Math.round(fb.square * (.5 - fb.hsl[2]) + fb.width / 2) + 'px'
-        });
-
-        // Saturation/Luminance gradient
-        $('.color', e).css('backgroundColor', fb.pack(fb.HSLToRGB([fb.hsl[0], 1, 0.5])));
-
-        // Linked elements or callback
-        if (typeof fb.callback == 'object') {
-            // Set background/foreground color
-            $(fb.callback).css({
-                backgroundColor: fb.color,
-                color: fb.hsl[2] > 0.5 ? '#000' : '#fff'
-            });
-
-            // Change linked value
-            $(fb.callback).each(function() {
-                if (this.value && this.value != fb.color) {
-                    this.value = fb.color;
-                }
-            });
-        }
-        else if (typeof fb.callback == 'function') {
-            fb.callback.call(fb, fb.color);
-        }
+    else {
+      var sat = Math.max(0, Math.min(1, -(pos.x / fb.square) + .5));
+      var lum = Math.max(0, Math.min(1, -(pos.y / fb.square) + .5));
+      fb.setHSL([fb.hsl[0], sat, lum]);
     }
-
-    /**
-     * Get absolute position of element
-     */
-    fb.absolutePosition = function (el) {
-        var r = { x: el.offsetLeft, y: el.offsetTop };
-        // Resolve relative to offsetParent
-        if (el.offsetParent) {
-            var tmp = fb.absolutePosition(el.offsetParent);
-            r.x += tmp.x;
-            r.y += tmp.y;
+    return false;
+  }
+
+  /**
+   * Mouseup handler
+   */
+  fb.mouseup = function () {
+    // Uncapture mouse
+    $(document).unbind('mousemove', fb.mousemove);
+    $(document).unbind('mouseup', fb.mouseup);
+    document.dragging = false;
+  }
+
+  /**
+   * Update the markers and styles
+   */
+  fb.updateDisplay = function () {
+    // Markers
+    var angle = fb.hsl[0] * 6.28;
+    $('.h-marker', e).css({
+      left: Math.round(Math.sin(angle) * fb.radius + fb.width / 2) + 'px',
+      top: Math.round(-Math.cos(angle) * fb.radius + fb.width / 2) + 'px'
+    });
+
+    $('.sl-marker', e).css({
+      left: Math.round(fb.square * (.5 - fb.hsl[1]) + fb.width / 2) + 'px',
+      top: Math.round(fb.square * (.5 - fb.hsl[2]) + fb.width / 2) + 'px'
+    });
+
+    // Saturation/Luminance gradient
+    $('.color', e).css('backgroundColor', fb.pack(fb.HSLToRGB([fb.hsl[0], 1, 0.5])));
+
+    // Linked elements or callback
+    if (typeof fb.callback == 'object') {
+      // Set background/foreground color
+      $(fb.callback).css({
+        backgroundColor: fb.color,
+        color: fb.hsl[2] > 0.5 ? '#000' : '#fff'
+      });
+
+      // Change linked value
+      $(fb.callback).each(function() {
+        if (this.value && this.value != fb.color) {
+          this.value = fb.color;
         }
-        return r;
-    };
-
-    /* Various color utility functions */
-    fb.pack = function (rgb) {
-        var r = Math.round(rgb[0] * 255);
-        var g = Math.round(rgb[1] * 255);
-        var b = Math.round(rgb[2] * 255);
-        return '#' + (r < 16 ? '0' : '') + r.toString(16) +
-                (g < 16 ? '0' : '') + g.toString(16) +
-                (b < 16 ? '0' : '') + b.toString(16);
+      });
     }
-
-    fb.unpack = function (color) {
-        if (color.length == 7) {
-            return [parseInt('0x' + color.substring(1, 3)) / 255,
-                parseInt('0x' + color.substring(3, 5)) / 255,
-                parseInt('0x' + color.substring(5, 7)) / 255];
-        }
-        else if (color.length == 4) {
-            return [parseInt('0x' + color.substring(1, 2)) / 15,
-                parseInt('0x' + color.substring(2, 3)) / 15,
-                parseInt('0x' + color.substring(3, 4)) / 15];
-        }
+    else if (typeof fb.callback == 'function') {
+      fb.callback.call(fb, fb.color);
     }
-
-    fb.HSLToRGB = function (hsl) {
-        var m1, m2, r, g, b;
-        var h = hsl[0], s = hsl[1], l = hsl[2];
-        m2 = (l <= 0.5) ? l * (s + 1) : l + s - l * s;
-        m1 = l * 2 - m2;
-        return [this.hueToRGB(m1, m2, h + 0.33333),
-            this.hueToRGB(m1, m2, h),
-            this.hueToRGB(m1, m2, h - 0.33333)];
+  }
+
+  /**
+   * Get absolute position of element
+   */
+  fb.absolutePosition = function (el) {
+    var r = { x: el.offsetLeft, y: el.offsetTop };
+    // Resolve relative to offsetParent
+    if (el.offsetParent) {
+      var tmp = fb.absolutePosition(el.offsetParent);
+      r.x += tmp.x;
+      r.y += tmp.y;
     }
-
-    fb.hueToRGB = function (m1, m2, h) {
-        h = (h < 0) ? h + 1 : ((h > 1) ? h - 1 : h);
-        if (h * 6 < 1) return m1 + (m2 - m1) * h * 6;
-        if (h * 2 < 1) return m2;
-        if (h * 3 < 2) return m1 + (m2 - m1) * (0.66666 - h) * 6;
-        return m1;
+    return r;
+  };
+
+  /* Various color utility functions */
+  fb.pack = function (rgb) {
+    var r = Math.round(rgb[0] * 255);
+    var g = Math.round(rgb[1] * 255);
+    var b = Math.round(rgb[2] * 255);
+    return '#' + (r < 16 ? '0' : '') + r.toString(16) +
+            (g < 16 ? '0' : '') + g.toString(16) +
+            (b < 16 ? '0' : '') + b.toString(16);
+  }
+
+  fb.unpack = function (color) {
+    if (color.length == 7) {
+      return [parseInt('0x' + color.substring(1, 3)) / 255,
+        parseInt('0x' + color.substring(3, 5)) / 255,
+        parseInt('0x' + color.substring(5, 7)) / 255];
     }
-
-    fb.RGBToHSL = function (rgb) {
-        var min, max, delta, h, s, l;
-        var r = rgb[0], g = rgb[1], b = rgb[2];
-        min = Math.min(r, Math.min(g, b));
-        max = Math.max(r, Math.max(g, b));
-        delta = max - min;
-        l = (min + max) / 2;
-        s = 0;
-        if (l > 0 && l < 1) {
-            s = delta / (l < 0.5 ? (2 * l) : (2 - 2 * l));
-        }
-        h = 0;
-        if (delta > 0) {
-            if (max == r && max != g) h += (g - b) / delta;
-            if (max == g && max != b) h += (2 + (b - r) / delta);
-            if (max == b && max != r) h += (4 + (r - g) / delta);
-            h /= 6;
-        }
-        return [h, s, l];
+    else if (color.length == 4) {
+      return [parseInt('0x' + color.substring(1, 2)) / 15,
+        parseInt('0x' + color.substring(2, 3)) / 15,
+        parseInt('0x' + color.substring(3, 4)) / 15];
+    }
+  }
+
+  fb.HSLToRGB = function (hsl) {
+    var m1, m2, r, g, b;
+    var h = hsl[0], s = hsl[1], l = hsl[2];
+    m2 = (l <= 0.5) ? l * (s + 1) : l + s - l * s;
+    m1 = l * 2 - m2;
+    return [this.hueToRGB(m1, m2, h + 0.33333),
+      this.hueToRGB(m1, m2, h),
+      this.hueToRGB(m1, m2, h - 0.33333)];
+  }
+
+  fb.hueToRGB = function (m1, m2, h) {
+    h = (h < 0) ? h + 1 : ((h > 1) ? h - 1 : h);
+    if (h * 6 < 1) return m1 + (m2 - m1) * h * 6;
+    if (h * 2 < 1) return m2;
+    if (h * 3 < 2) return m1 + (m2 - m1) * (0.66666 - h) * 6;
+    return m1;
+  }
+
+  fb.RGBToHSL = function (rgb) {
+    var min, max, delta, h, s, l;
+    var r = rgb[0], g = rgb[1], b = rgb[2];
+    min = Math.min(r, Math.min(g, b));
+    max = Math.max(r, Math.max(g, b));
+    delta = max - min;
+    l = (min + max) / 2;
+    s = 0;
+    if (l > 0 && l < 1) {
+      s = delta / (l < 0.5 ? (2 * l) : (2 - 2 * l));
     }
+    h = 0;
+    if (delta > 0) {
+      if (max == r && max != g) h += (g - b) / delta;
+      if (max == g && max != b) h += (2 + (b - r) / delta);
+      if (max == b && max != r) h += (4 + (r - g) / delta);
+      h /= 6;
+    }
+    return [h, s, l];
+  }
 
-    // Install mousedown handler (the others are set on the document on-demand)
-    $('*', e).mousedown(fb.mousedown);
+  // Install mousedown handler (the others are set on the document on-demand)
+  $('*', e).mousedown(fb.mousedown);
 
-    // Init color
-    fb.setColor('#000000');
+  // Init color
+  fb.setColor('#000000');
 
-    // Set linked elements/callback
-    if (callback) {
-        fb.linkTo(callback);
-    }
+  // Set linked elements/callback
+  if (callback) {
+    fb.linkTo(callback);
+  }
 }