/**
* Grid-A-Licious(tm) 0.3
*
* Terms of Use - jQuery Grid-A-Licious
* under the MIT (http://www.opensource.org/licenses/mit-license.php) License.
*
* Copyright 2010 suprb.com All rights reserved.
* (http://suprb.com/apps/grid-a-licious/)
*
*/
 
(function($) {

  $.fn.grid = function(options) {
    // default configuration properties
    var defaults = {
      min_cols: 5,
      gap: 20,
      speed: 80,
      duration: 150,
      width: 286,
      easing: 'easeOutQuart',
      animateUpdate: false,
      postPath: 'li',
      postWidePath: '.postwide',
      postWiderPath: '.postwider',
      postWidestPath: '.postwidest',
      allColsPath: '.allcols'
    };

    options = $.extend(defaults, options);

    var l, columns, _c, columns, alt, offx, offy, hh,
     biggest = 0,
      total = 0,
      count = 0,
      footer = 0,
     start = 0;

    // find DOM elements
    var $gridbox = this;
    var $posts = $(options.postPath, $gridbox);
    var $postsWide = $(options.postWidePath, $gridbox);
    var $postsWider = $(options.postWiderPath, $gridbox);
    var $postsWidest = $(options.postWidestPath, $gridbox);
    var $allCols = $(options.allColsPath, $gridbox);

    var width = options.width;
    var maxy = new Array();

    $gridbox.css("position", "relative");

    offy = parseInt($gridbox.css("padding-top"));
    offx = parseInt($gridbox.css("padding-left"));

    layout();
    

    // get highest column
    function highest() {
      biggest = 0;
      for (x = 0; x < maxy.length; x++) {
        if (maxy[x] > biggest) {
          biggest = parseInt(maxy[x]);
        }
      }
      $gridbox.css("height", biggest + "px");
    }

    // on window resize, call again
    var resizeTimer = null;
    $(window).bind('resize', function() {
    	
    
    	
      if (resizeTimer) clearTimeout(resizeTimer);
      resizeTimer = setTimeout(layout, 100);
      
    });

    function layout() {
    	
      
      
      count = 0;

      // column count
      columns = Math.max(options.min_cols, parseInt($gridbox.innerWidth() / (width + options.gap)));

      $posts.css('width', width + 'px');

      // width variations
      $postsWide.css('width', width * 2 + options.gap);
      $postsWider.css('width', width * 3 + options.gap * 2);
      $postsWidest.css('width', width * 4 + options.gap * 3);

      $allCols.css('width', width * columns);

      for (x = 0; x < columns; x++) {
        maxy[x] = 0;
      }
      
      var animated_posts = 0;

      $posts.each(function(i) {
        total = i;

        var $post = $(this);

        var pos, cursor, w, alt = 0;
        var newleft, oldleft, newtop, oldtop;

        w = (Math.floor($post.outerWidth() / width));

        cursor = 0;
        for (x = 0; x < columns - (w - 1); x++) {
          cursor = maxy[x] < maxy[cursor] ? x : cursor;
          
        }

        if (w > 1) {
          pos = cursor;

          for (var x = 0; x < w; x++) {
            alt = Math.max(alt, maxy[pos + x]);
          }

          for (var x = 0; x < w; x++) {
            maxy[pos + x] = parseInt($post.outerHeight()) + options.gap + alt;
          }

          newleft = pos * (width + options.gap) + offx;
          newtop = alt + offy;

          if (newleft !== oldleft) {
          	animated_posts++;
          	
            if (options.animateUpdate === false) {
              $post.css({
                'left': pos * (width + options.gap) + offx,
                'top': alt + offy
              });

              highest();
            }

            setTimeout(function() {
              $post.fadeIn(options.duration);           
              $post.find('.imgPreload').hide();
              count++;
              check();

              $post.animate({
                left: newleft,
                top: newtop
              }, {
                duration: options.duration,
                easing: options.easing
              });
            }, i * (options.speed));
          } else {
            $post.css({
              'left': pos * (width + options.gap) + offx,
              'top': alt + offy
              
            });
            
            
          }
        } else {
          newleft = cursor * (width + options.gap) + offx;
          newtop = maxy[cursor] + offy;

          if (newleft !== oldleft) {
          	animated_posts++;
          	
            if (options.animateUpdate === false) {
              $post.css({
                'left': cursor * (width + options.gap) + offx,
                'top': maxy[cursor] + offy
              });

              highest();
            }

            setTimeout(function() {
              $post.fadeIn(options.duration);
              $post.find('.imgPreload').hide();
              check();
              count++;

              $post.animate({
                left: newleft,
                top: newtop
              }, {
                duration: options.duration,
                easing: options.easing
              });
            }, i * (options.speed));
          } else {
            $post.css({
              'left': pos * (width + options.gap) + offx,
              'top': alt + offy
            });
          }

          maxy[cursor] += $post.outerHeight() + options.gap;
          
        }
      });
      
      //var finish_timeout_time = (animated_posts+1) * options.speed;
      
      //window.setTimeout(function(){
      //	
      //}, finish_timeout_time);
    }
    

    function check() {
      if (count === total) {
        options.animateUpdate = true;
        highest();
      }
    }
  };

})(jQuery);