/**

 * Grid-A-Licious(tm)

 * Version 2.0

 * Copyright (c) 2008 Suprb - info(at)suprb(dot)com

 *

 * License Agreement: By downloading Grid-A-Licious(tm),

 * you agree to the following: The copyright information 

 * must remain intact in the product.

 * 

 * You are not free to use, copy or sell any of the 

 * "grid-a-licious.js" (this file) code on your own products

 * without asking for permission.

 * 

 * Thanks for understanding.

 */

 

 

(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);

            

            

            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);

      columns_inner = Math.max(options.min_cols, cp / (width + options.gap));

	  

	  $allCols.css('width', cp);

	  

	  if(cp>(5 * options.width) + ((countboxes-1) * options.gap)) cp = (5 * options.width) + (countboxes-1) * options.gap;

	  

	  $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+125}, options.duration, options.easing);

      	}

      	options.animateUpdate = true;

        highest(columns);

      }

    }

  };



})(jQuery);