/**

 * jQuery VGrid v0.1.2-mod / MIT License.

 * Modified by yu (http://datoka.jp/). 2009/12/09

 * ----------------------------------------------

 * 

 * jQuery VGrid v0.1.2 - variable grid layout plugin

 *

 * Terms of Use - jQuery VGrid

 * under the MIT (http://www.opensource.org/licenses/mit-license.php) License.

 *

 * Copyright 2009 xlune.com All rights reserved.

 * (http://blog.xlune.com/2009/09/jqueryvgrid.html)

 *

 */

(function($)

{

	function makePos(self, initpos) //mod (added initpos argument)

	{

		var _childs = self.data("_vgchild");

		var _width = self.width();

		

		/* ----- mod start ----- */

		var _bodyW = $(window).width();

		var _defW = self.data("_vgopt").gridDefWidth || 290 + 15 + 15 + 5;

		var _selRefGrid = self.data("_vgopt").selRefGrid || "#grid-wrapper div.x1";

		var _selFitWidth = self.data("_vgopt").selFitWidth || "#container";

		

		if ( $(_selRefGrid).get().length ) 

		{

			var _colW = getSize($(_selRefGrid).eq(0))[0]; //use _w only

		}

		else 

		{

			var _colW = _defW;

		}

		var _colWSum = Math.floor(_bodyW / _colW) * _colW;

		if ( $.isArray(_selFitWidth) ) 

		{

			for (var i=0; i<_selFitWidth.length; i++)

			{

				$(_selFitWidth[i]).width( _colWSum );

			}

		}

		else

		{

			$(_selFitWidth).width( _colWSum );

		}

		

		var _ofsL = 0;

		var _ofsT = (initpos) ? 2000 : 0;

		var _adjL = (initpos) ? 0.5 : 1;

		var _adjT = (initpos) ? 0.5 : 1;

		/* ----- mod end ----- */

		

		var _matrix = [[0,_width,0]];

		var _hmax=0;

		_childs.each(function(i)

		{

			var _c = $(this);

			var _size = getSize(_c);

			var _point = getAttachPoint(_matrix, _size[0]);

			_matrix = updateAttachArea(_matrix, _point, _size);

			_hmax = Math.max(_hmax, _point[1] + _size[1]);

			//_c.data("_vgleft", _point[0]);

			//_c.data("_vgtop", _point[1]);

			/* ----- mod start ----- */

			_c.data("_vgleft", Math.floor( (_point[0] + _ofsL) * _adjL) );

			_c.data("_vgtop", Math.floor( (_point[1] + _ofsT) * _adjT) );

			/* ----- mod end ----- */

		});

		self.data("_vgwrapheight", _hmax);

		heightTo(self);

	};

	function getAttachPoint(mtx, width)

	{

		var _mtx = mtx.concat([]).sort(matrixSortDepth);

		var _max = _mtx[_mtx.length-1][2];

		for(var i=0,imax=_mtx.length; i<imax; i++)

		{

			if(_mtx[i][2] >= _max) break;

			if(_mtx[i][1]-_mtx[i][0] >= width)

			{

				return [_mtx[i][0], _mtx[i][2]];

			}

		}

		return [0, _max];

	};

	function updateAttachArea(mtx, point, size)

	{

		var _mtx = mtx.concat([]).sort(matrixSortDepth);

		var _cell = [point[0], point[0]+size[0], point[1]+size[1]];

		for(var i=0,imax=_mtx.length; i<imax; i++)

		{

			if(_cell[0] <= _mtx[i][0] && _mtx[i][1] <= _cell[1])

			{

				delete _mtx[i];

			}

			else

			{

				_mtx[i] = matrixTrimWidth(_mtx[i], _cell);

			}

		}

		return matrixJoin(_mtx, _cell);

	};

	function matrixSortDepth(a, b)

	{

		return ((a[2] == b[2] && a[0] > b[0]) || a[2] > b[2]) ? 1 : -1;

	};

	function matrixSortX(a, b)

	{

		return (a[0] > b[0]) ? 1 : -1;

	};

	function matrixJoin(mtx, cell)

	{

		var _mtx = mtx.concat([cell]).sort(matrixSortX);

		var _mtx_join = [];

		for(var i=0,imax=_mtx.length; i<imax; i++)

		{

			if(!_mtx[i]) continue;

			if(_mtx_join.length > 0

				&& _mtx_join[_mtx_join.length-1][1] == _mtx[i][0]

				&& _mtx_join[_mtx_join.length-1][2] == _mtx[i][2])

			{

				_mtx_join[_mtx_join.length-1][1] = _mtx[i][1];

			}

			else

			{

				_mtx_join.push(_mtx[i]);

			}

		}

		return _mtx_join;

	};

	function matrixTrimWidth(a, b)

	{

		if(a[0] >= b[0] && a[0] < b[1] || a[1] >= b[0] && a[1] < b[1])

		{

			if(a[0] >= b[0] && a[0] < b[1])

			{

				a[0] = b[1];

			}

			else

			{

				a[1] = b[0];

			}

		}

		return a;

	};

	function getSize(child)

	{

		var _w = child.width();

		var _h = child.height();

		_w += Number(child.css("margin-left").replace('px', ''))

				+Number(child.css("padding-left").replace('px', ''))

				//+Number(child.get(0).style.borderLeftWidth.replace('px', ''))

				+Number(child.css("border-left-width").replace('px', '')) //mod

				+Number(child.css("margin-right").replace('px', ''))

				+Number(child.css("padding-right").replace('px', ''))

				//+Number(child.get(0).style.borderRightWidth.replace('px', ''));

				+Number(child.css("border-right-width").replace('px', '')) //mod

		_h += Number(child.css("margin-top").replace('px', ''))

				+Number(child.css("padding-top").replace('px', ''))

				//+Number(child.get(0).style.borderTopWidth.replace('px', ''))

				+Number(child.css("border-top-width").replace('px', '')) //mod

				+Number(child.css("margin-bottom").replace('px', ''))

				+Number(child.css("padding-bottom").replace('px', ''))

				//+Number(child.get(0).style.borderBottomWidth.replace('px', ''));

				+Number(child.css("border-bottom-width").replace('px', '')); //mod

		return [_w, _h];

	};

	function heightTo(self)

	{

		var _self = self;

		var _delay = _self.data("_vgchild").length

			* (_self.data("_vgopt").delay || 0)

			+ _self.data("_vgopt").time || 500;

		_self.stop();

		if(_self.height() < _self.data("_vgwrapheight"))

		{

			if($.browser.msie)

			{

				_self.height(_self.data("_vgwrapheight"));

			}

			else

			{

				_self.animate(

					{

						height: _self.data("_vgwrapheight")+"px"

					},

					(_self.data("_vgopt").time || 500),

					"easeOutQuart"

				);

			}

		}

		else

		{

			clearTimeout(_self.data("_vgwraptimeout"));

			_self.data("_vgwraptimeout", setTimeout(function(){

				if($.browser.msie)

				{

					_self.height(_self.data("_vgwrapheight"));

				}

				else

				{

					_self.animate(

						{

							height: _self.data("_vgwrapheight")+"px"

						},

						(_self.data("_vgopt").time || 500),

						"easeOutQuart"

					);

				}

			}, _delay));

		}

	};

	function moveTo(childs)

	{

		childs.each(function(i)

		{

			var _c = $(this);

			_c.css("left", _c.data("_vgleft")+"px");

			_c.css("top", _c.data("_vgtop")+"px");

		});

	};

	function animateTo(childs, easeing, time, delay)

	{

		childs.each(function(i)

		{

			var _c = $(this);

			clearTimeout(_c.data("_vgtimeout"));

			_c.data("_vgtimeout", setTimeout(function(){

				_c.animate({

					left: _c.data("_vgleft")+"px",

					top: _c.data("_vgtop")+"px"

				}, time, easeing);

			}, i * delay));

		});

	};

	function refleshHandler(tg)

	{

		var _self = tg;

		clearTimeout(_self.data("_vgtimeout"));

		makePos(_self);

		_self.data("_vgtimeout", setTimeout(function(){

			animateTo(

				_self.data("_vgchild"),

				_self.data("_vgopt").easeing || "linear",

				_self.data("_vgopt").time || 500,

				_self.data("_vgopt").delay || 0

			);

		}, 250));

	};

	$.fn.extend({

		vgrid: function(option)

		{

			var _self = $(this);

			var _opt = option || {};

			_self.data("_vgopt", _opt);

			_self.data("_vgchild", _self.find("> *"));

			_self.data("_vgdefchild", _self.data("_vgchild"));

			_self.css({

				"position": "relative",

				"width": "auto"

			});

			_self.data("_vgchild").css("position", "absolute");

			

			//makePos(_self);

			//moveTo(_self.data("_vgchild"));

			/* ----- mod start ----- */

			if(_self.data("_vgopt").forceAnim)

			{

				makePos(_self, true); // make init position

				moveTo(_self.data("_vgchild"));

				refleshHandler(_self); // animation

			}

			else {

				makePos(_self);

				moveTo(_self.data("_vgchild")); // no animation

			}

			/* ----- mod end ----- */

			

			if(_self.data("_vgopt").fadeIn)

			{

				var _prop = (typeof(_self.data("_vgopt").fadeIn)=='object')

								? _self.data("_vgopt").fadeIn

								: {time: _self.data("_vgopt").fadeIn} ;

				_self.data("_vgchild").each(function(i)

				{

					var _c = $(this);

					_c.css('display', 'none');

					setTimeout(function(){

						_c.fadeIn(_prop.time || 250);

					}, i * (_prop.delay || 0));

				});

			}

			$(window).resize(function(e)

			{

				refleshHandler(_self);

				setTimeout(function(){ refleshHandler(_self) }, 250); //refresh twice for IE, Fx

			});

			return _self;

		},

		vgrefresh: function(easeing, time, delay, func)

		{

			var _obj = $(this);

			if(_obj.data("_vgchild"))

			{

				_obj.data("_vgchild", _obj.find("> *"));

				_obj.data("_vgchild").css("position", "absolute");

				makePos(_obj);

				time = typeof(time)=="number" ? time : _obj.data("_vgopt").time || 500;

				delay = typeof(delay)=="number" ? delay : _obj.data("_vgopt").delay || 0;

				animateTo(

					_obj.data("_vgchild"),

					easeing || _obj.data("_vgopt").easeing || "linear",

					time,

					delay

				);

				if(typeof(func)=='function')

				{

					setTimeout(

						func,

						_obj.data("_vgchild").length * delay + time

					);

				}

			}

			return _obj;

		},

		vgsort: function(func, easeing, time, delay)

		{

			var _obj = $(this);

			if(_obj.data("_vgchild"))

			{

				_obj.data("_vgchild", _obj.data("_vgchild").sort(func));

				makePos(_obj);

				animateTo(

					_obj.data("_vgchild"),

					easeing || _obj.data("_vgopt").easeing || "linear",

					typeof(time)=="number" ? time : _obj.data("_vgopt").time || 500,

					typeof(delay)=="number" ? delay : _obj.data("_vgopt").delay || 0

				);

			}

			return _obj;

		}

	});

})(jQuery);