/**
 * Grid-A-Licious(tm)
 * Version 2.0
 * Copyright (c) 2008-2011 Suprb - info(at)suprb(dot)com
 *
 */
 
 
(function($) {

  $.fn.grid = function(options, item, r, scroll) {

    // Set the optional parameter if needed
    if ( item === undefined ) item = false; 
    if ( scroll === undefined ) scroll = false;
    if ( r === undefined ) r = true;
  	  
    // default configuration properties
    var defaults = {
      min_cols: 4,
      gap: 20,
      speed: 80,
      duration: 150,
      width: 200,
      easing: 'easeInOutQuart',
      animateUpdate: true,
      postPath: '.post',
      postWidePath: '.postwide',
      postWiderPath: '.postwider',
      postWidestPath: '.postwidest',
      allColsPath: '.allcols',
      openColsPath: '.opencols',
      center: true
    };

	mcc=defaults.min_cols;

    options = $.extend(defaults, options);

	var $gridbox = this;

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

    // find DOM elements
    $gridbox.css("position", "relative");       
	var maxy = new Array();
    offy = parseInt($gridbox.css("padding-top").replace('px', ''));
    offx = parseInt($gridbox.css("padding-left").replace('px', ''));
	if (options.max_cols && options.min_cols > options.max_cols) options.min_cols = options.max_cols;
	
    layout(r);
  	
    // get highest column
    function highest(cols) {
 		
 	 zzz = $gridbox.find('.post').size() * options.speed;	

      //biggest = 0;
      for (x = 0; x < maxy.length; x++) {
        if (maxy[x] > biggest) {
          biggest = parseInt(maxy[x]);
        }
      }
      $('body').append('<span id="interval-tmp"></span>');
      $("#interval-tmp").fadeOut(zzz, function() {
   	   	  $gridbox.css("height", biggest + "px");
    	  $('#interval-tmp').remove();
		});
		
        if (options.center) {
  			
  			countboxes = $gridbox.find('.post').size();
        	co = columns;
      		if (countboxes>co){
      			countboxes = co;
      		}
            //cp = (countboxes * options.width) + ((countboxes-1) * options.gap);
			//kia modified for 'permalink' pages which had fewer countboxes than columns
            cp = (co * options.width) + ((co-1) * options.gap);
            
            if(settings.animateUpdate) {
            $gridbox.animate({
                width: cp
              }, {
                duration: options.duration,
                easing: options.easing
            });
            }else{
            	$gridbox.css('width',cp);
            }
                  
        	$gridbox.css({marginLeft:'auto'});
        	$gridbox.css({marginRight:'auto'});
    	}
    }

    function layout(r) {
      
      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 $openCols = $(options.openColsPath, $gridbox);
      var width = options.width;
      
      count = 1;
	
	  // column count
	  columns = Math.max(options.min_cols, parseInt($(window).width() / (width + options.gap)));  
	  if (options.max_cols && columns > options.max_cols) columns = options.max_cols; 
	  
      $posts.css('width', width + 'px');

      // width variations
      $postsWide.css('width', width * 2);
      $postsWider.css('width', width * 3 + options.gap * 2);
      $postsWidest.css('width', width * 4 + options.gap * 3);
      
  	  countboxes = $gridbox.find('.post').size(); 
      co = columns;  
      if (countboxes>co){
        countboxes = co;
      }
      //cp = (countboxes * options.width) + ((countboxes-1) * options.gap);
	  //kia modified for 'permalink' pages which had fewer countboxes than columns   
	  cp = (columns * options.width) + ((columns-1) * options.gap);   
      columns_inner = Math.max(options.min_cols, cp / (width + options.gap)); 
	  
	  $allCols.css('width', cp); 

	  //still needed? or should 5 be replaced w/ columns
	  //if(cp>(5 * options.width) + ((countboxes-1) * options.gap)) cp = (5 * options.width) + (countboxes-1) * options.gap;
			
	  /*kia code*/
	  if (columns > options.min_cols){ 
		$openCols.find('.the_content').css('width', 2 * options.width - options.gap - 1);
	  } else {
		$openCols.find('.the_content').css('width', options.width - options.gap - 1);
	  }
	  /*end kia code*/
	  
	  $openCols.css('width', cp);    
	  
	  for (x = 0; x < columns_inner; x++) {
        maxy[x] = 0;
      }

      $posts.each(function(i) {
      
      	if (item===false) $(this).removeClass('open');
    
        total = i + 1;

        var $p = this;
        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_inner - (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) {
            
            if (options.animateUpdate === false || item==="#"+$post.attr('id')) {
              $post.css({
                'left': pos * (width + options.gap) + offx,
                'top': alt + offy
              });

            }
			
            setTimeout(function() {
              
              if (r===true) {
	              if ($post.hasClass('open'))
	              	$post.fadeOut(options.duration);
	              else 
		            $post.fadeIn(options.duration);         
              }

              count++;
              check(item,r,columns);

              $post.animate({
                left: newleft,
                top: newtop,
                opacity: 1
              }, {
                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) {
 
            if (options.animateUpdate === false) {
              $post.css({
                'left': cursor * (width + options.gap) + offx,
                'top': maxy[cursor] + offy
              });
             highest();
            }
            
            setTimeout(function() {
       
              if (r===true) {
	              if ($post.hasClass('open'))
	              	$post.fadeOut(options.duration);
	              else 
		            $post.fadeIn(options.duration);         
              }
              
              check(item,r,columns);
              count++;

              $post.animate({
                left: newleft,
                top: newtop,
                opacity: 1
              }, {
                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;
        }
        
        $post.fadeIn(options.duration);
      
      });
      
    }

    function check(item,r,columns) {
   		
      if (count >= total) {
        if (item) { 
          var oy = parseInt($(item).css("top").replace('px', '') - options.gap);
          var zzz = $gridbox.find('.post').size() * options.speed;
          $(item + ' .single').delay(zzz).fadeTo(options.duration, 1);
          click = true;
        }
      	if (scroll) {
          $('html,body').animate({scrollTop: oy}, options.duration, options.easing);
      	}
      	options.animateUpdate = true;
        highest(columns);
      }
    }
  };

})(jQuery);