rename project as isotope

this makes name change #3

_layouts/elements.html

@@ -94,7 +94,7 @@
   <script src="../src/mini-modernizr.js"></script>
   <script src="../src/jquery.opto-transform.js"></script>
   <script src="../src/jquery.smartresize.js"></script>
-  <script src="../src/jquery.ionize.js"></script>
+  <script src="../src/jquery.isotope.js"></script>
   <script src="../src/jquery.ui.widget.js"></script>
   <script src="../js/fake-element.js"></script>
   <script>
@@ -118,7 +118,7 @@
 
       // console.log('starting')
       // console.time('initializeMe');
-      $demo.ionize({
+      $demo.isotope({
         itemSelector : '.element',
         // layoutMode : 'clearFloat',
         masonry : {
@@ -164,7 +164,7 @@
         filterName = filterName === '.show-all' ? '*' : filterName;
         // var filterTest = 'filter ' + filterName;
         // console.time( filterTest );
-        $demo.ionize({ filter: filterName })
+        $demo.isotope({ filter: filterName })
         // console.timeEnd( filterTest );
         return false;
       });
@@ -176,7 +176,7 @@
             asc = $this.parents('.sort').hasClass('asc');
         // var sortTest = 'sort ' + sortName + ' ' + direction;
         // console.time( sortTest );
-        $demo.ionize({ 
+        $demo.isotope({ 
           sortBy : sortName,
           sortAscending : asc
         });
@@ -188,7 +188,7 @@
       $demo.find('.element').live('click', function(){
         $(this).toggleClass('large');
         // console.time('relayout');
-        $demo.ionize('reLayout');
+        $demo.isotope('reLayout');
         // console.timeEnd('relayout');
       });
 
@@ -196,7 +196,7 @@
       $('#toggle-sizes').find('a').click(function(){
         $demo
           .toggleClass('variable-sizes')
-          .ionize('reLayout');
+          .isotope('reLayout');
         return false;
       });
 
@@ -215,11 +215,11 @@
             { width: 'auto' };
           $demo.addClass('no-transition').css( style );
           setTimeout(function(){
-            $demo.removeClass('no-transition').ionize({ layoutMode : mode });
+            $demo.removeClass('no-transition').isotope({ layoutMode : mode });
           }, 100 )
         } else {
           // go ahead and apply new layout
-          $demo.ionize({ layoutMode : mode });
+          $demo.isotope({ layoutMode : mode });
           
         }
         
@@ -235,10 +235,10 @@
           newEls += fakeElement.create();
         }
         var $newEls = $( newEls )
-        // $demo.append( $newEls ).ionize( 'appendToLayout', $newEls );
-        $demo.ionize( 'insert', $newEls );
-        // $demo.append( $newEls ).ionize( 'addAtoms', $newEls ).ionize();
-        // $demo.ionize()
+        // $demo.append( $newEls ).isotope( 'appendToLayout', $newEls );
+        $demo.isotope( 'insert', $newEls );
+        // $demo.append( $newEls ).isotope( 'addAtoms', $newEls ).isotope();
+        // $demo.isotope()
         // console.log( next )
 
         return false;
@@ -251,13 +251,13 @@
           newEls += fakeElement.create();
         }
         var $newEls = $( newEls )
-        $demo.append( $newEls ).ionize( 'appended', $newEls );
+        $demo.append( $newEls ).isotope( 'appended', $newEls );
 
         return false;
       });
 
       $('#shuffle a').click(function(){
-        $demo.ionize('shuffle');
+        $demo.isotope('shuffle');
         return false;
       });
 

css/style.css

@@ -152,8 +152,8 @@ a {
   height: 340px;
 }
 
-.wrap.ionize,
-.ionize .element {
+.wrap.isotope,
+.isotope .element {
   -webkit-transition-duration: 1.0s;
      -moz-transition-duration: 1.0s;
 /*     -o-transition-duration: 1.0s;*/
@@ -161,8 +161,8 @@ a {
 
 }
 
-.wrap.ionize.no-transition,
-.ionize.no-transition .element {
+.wrap.isotope.no-transition,
+.isotope.no-transition .element {
   -webkit-transition-duration: 0s;
      -moz-transition-duration: 0s;
 /*     -o-transition-duration: 0s;*/
@@ -170,14 +170,14 @@ a {
 
 }
 
-.wrap.ionize {
+.wrap.isotope {
   -webkit-transition-property: height, width;
      -moz-transition-property: height, width;
 /*     -o-transition-property: height, width;*/
           transition-property: height, width;
 }
 
-.ionize .element {
+.isotope .element {
   -webkit-transition-property: -webkit-transform, opacity;
      -moz-transition-property:    -moz-transform, opacity;
 /*     -o-transition-property:      -o-transform, opacity;*/
@@ -192,7 +192,7 @@ a {
   list-style: none;
 }
 
-.ionize-hidden {
+.isotope-hidden {
   pointer-events: none;
 }
 

src/jquery.isotope.js

@@ -5,22 +5,22 @@
 (function( $, undefined ) {
 
   // our "Widget" object constructor
-  $.Ionizer = function( options, element ){
+  $.Isotope = function( options, element ){
     this.element = $( element );
 
     this._create( options );
     this._init();
   };
 
-  $.Ionizer.prototype = {
+  $.Isotope.prototype = {
 
     options : {
       // columnWidth : 150,
       resizeable: true,
       layoutMode : 'masonry',
       masonrySingleMode : false,
-      containerClass : 'ionize',
-      hiddenClass : 'ionize-hidden',
+      containerClass : 'isotope',
+      hiddenClass : 'isotope-hidden',
       hiddenStyle : Modernizr.csstransforms && !$.browser.opera ? 
         { opacity : 0, scale : 0.001 } :
         { opacity : 0 },
@@ -97,7 +97,7 @@
       this.posLeft = Math.round( $cursor.position().left );
       $cursor.remove();
 
-      // add ionize class first time around
+      // add isotope class first time around
       var instance = this;
       setTimeout( function() {
         instance.element.addClass( instance.options.containerClass );
@@ -109,7 +109,7 @@
       
       // bind resize method
       if ( this.options.resizeable ) {
-        $(window).bind('smartresize.ionize', function() { instance.element.ionize('resize') } );
+        $(window).bind('smartresize.isotope', function() { instance.element.isotope('resize') } );
       }
       
     },
@@ -192,7 +192,7 @@
           sortData[ key ] = getSortData[ key ]( $this, instance );
         }
         // apply sort data to $element
-        $this.data( 'ionize-sort-data', sortData );
+        $this.data( 'isotope-sort-data', sortData );
         // increment element count
         // console.log( instance.elemCount )
         instance.elemCount ++;
@@ -239,7 +239,7 @@
       
       var instance = this,
           getSorter = function( elem ) {
-            return $(elem).data('ionize-sort-data')[ instance.options.sortBy ];
+            return $(elem).data('isotope-sort-data')[ instance.options.sortBy ];
           },
           sortDir = this.options.sortAscending ? 1 : -1;
           sortFn = function( alpha, beta ) {
@@ -306,7 +306,7 @@
 
       // are we animating the layout arrangement?
       // use plugin-ish syntax for css or animate
-      var styleFn = ( this.applyStyleFnName === 'animate' && !$.data( this.element, 'ionize' ) ) ? 
+      var styleFn = ( this.applyStyleFnName === 'animate' && !$.data( this.element, 'isotope' ) ) ? 
                     'css' : this.applyStyleFnName,
           animOpts = this.options.animationOptions;
 
@@ -345,7 +345,7 @@
     
     // ====================== Convenience methods ======================
     
-    // adds a jQuery object of items to a ionize container
+    // adds a jQuery object of items to a isotope container
     addAtoms : function( $content, callback ) {
       var $newAtoms = this._filterFind( $content, this.options.itemSelector );
       this._setupAtoms( $newAtoms );
@@ -440,11 +440,11 @@
           width: 'auto',
           height: 'auto'
         })
-        .unbind('.ionize')
+        .unbind('.isotope')
         .removeClass( this.options.containerClass )
-        .removeData('ionize');
+        .removeData('isotope');
       
-      $(window).unbind('.ionize');
+      $(window).unbind('.isotope');
 
     },
     
@@ -458,7 +458,7 @@
       
       // if colW == 0, back out before divide by zero
       if ( !this[ namespace ][ measure ] ) {
-        $.error( measure + 'calculated to be zero. Stopping Ionize plugin before divide by zero. Check that the width of first child inside the ionize container is not zero.')
+        $.error( measure + 'calculated to be zero. Stopping Ionize plugin before divide by zero. Check that the width of first child inside the isotope container is not zero.')
         return this;
       }
       this[ size ] = this.element[ size ]();
@@ -477,7 +477,7 @@
   
   // ====================== Masonry ======================
   
-  $.extend( $.Ionizer.prototype, {
+  $.extend( $.Isotope.prototype, {
   
     _masonryPlaceBrick : function( $brick, setCount, setY ) {
       // here, `this` refers to a child element or "brick"
@@ -576,7 +576,7 @@
   
   // ====================== clearFloat ======================
   
-  $.extend( $.Ionizer.prototype, {
+  $.extend( $.Isotope.prototype, {
     
     _clearFloatLayout : function( $elems ) {
       var instance = this;
@@ -626,7 +626,7 @@
 
   // ====================== cellsByRow ======================
   
-  $.extend( $.Ionizer.prototype, {
+  $.extend( $.Isotope.prototype, {
 
     _cellsByRowReset : function() {
       this.cellsByRow = {};
@@ -669,7 +669,7 @@
   // ====================== masonryHorizontal ======================
   
   
-  $.extend( $.Ionizer.prototype, {
+  $.extend( $.Isotope.prototype, {
 
     _masonryHorizontalPlaceBrick : function( $brick, setCount, setX ) {
       // here, `this` refers to a child element or "brick"
@@ -765,7 +765,7 @@
 
   // ====================== fitColumns ======================
   
-  $.extend( $.Ionizer.prototype, {
+  $.extend( $.Isotope.prototype, {
     
     _fitColumnsReset : function() {
       this.fitColumns = {
@@ -817,7 +817,7 @@
   
   // ====================== cellsByColumn ======================
   
-  $.extend( $.Ionizer.prototype, {
+  $.extend( $.Isotope.prototype, {
 
     _cellsByColumnReset : function() {
       this.cellsByColumn = {};

src/jquery.ui.widget.js

@@ -59,6 +59,6 @@
   };
   
   
-  $.widget.bridge( 'ionize', $.Ionizer );
+  $.widget.bridge( 'isotope', $.Isotope );
 
 })( jQuery );