opto-transform : sort valueFns so translate always comes before scale. use object to hold data

src/jquery.opto-transform.js

@@ -5,7 +5,8 @@
   // if props.transform hasn't been set, do it already
   $.props.transform = getStyleProperty('transform');
   
-  var transformFnUtilsDimensional = {
+  var optoTransform = {
+    fnUtilsDimensional : {
       '2d' : {
         translate : function ( position ) {
           return 'translate(' + position[0] + 'px, ' + position[1] + 'px) ';
@@ -23,8 +24,14 @@
         }
       }
     },
-      dimensions = Modernizr.csstransforms3d ? '3d' : '2d',
-      transformFnUtils = transformFnUtilsDimensional[ dimensions ];
+    dimensions : Modernizr.csstransforms3d ? '3d' : '2d',
+    // always do translate then scale
+    transforms : [ 'translate', 'scale' ]
+  };
+
+  optoTransform.fnUtils = optoTransform.fnUtilsDimensional[ optoTransform.dimensions ];
+  optoTransform.transformsLen = 2;
+  
   
   
   var _jQueryStyle = $.style;
@@ -34,25 +41,30 @@
       case 'scale' :
       case 'translate' :
         // unpack current transform data
-        var data =  $( elem ).data('transform') || {},
+        var data =  $( elem ).data('opto-transform') || {},
         // extend new value over current data
             newData = {},
-            valueFns = [],
-            fnName;
+            fnName,
+            transformObj = {};
         newData[ name ] = value;
         $.extend( data, newData );
 
         for ( fnName in data ) {
           var transformValue = data[ fnName ],
-              getFn = transformFnUtils[ fnName ],
-              valueFn = getFn( transformValue );
-          valueFns.push( valueFn );
+              getFn = optoTransform.fnUtils[ fnName ];
+          transformObj[ fnName ] = getFn( transformValue );
         }
 
+        // get proper order
+        var translateFn = transformObj.translate || '',
+            scaleFn = transformObj.scale || '',
+            valueFns = translateFn + scaleFn;
+
         // set data back in elem
-        $( elem ).data('transform', data );
+        $( elem ).data('opto-transform', data );
 
-        value = valueFns.join(' ');
+        // sorting so scale always comes before 
+        value = valueFns;
         
         // set name to vendor specific property
         name = $.props.transform;