/*
	grid layout func for jQuery (*fixed layout only)
	last mod: 05.21 2010
*/
function grid(target) {
	var _pos = [[0,0]];
	var _margin = 10;
	var totalW = target.width();
	target.css({"position": "relative", "width": "auto", "display": "block"});
	var _br = 0;
	$('.grid-inner', target).each(function(i){
		var _w = $(this).width() + _margin;
		var _marginRight = _margin;
		var _top = _pos[0][0];
		var _left = _pos[0][1];
		if( totalW < _left + _w || _br == 1) {
			if(totalW >= _left + _w - _margin) {
				_marginRight = 0;
				_w -= _margin;
				_br = 1;
			} else {
				_top = _pos[1][0];
				_left = _pos[1][1];
			}
			_pos.shift();
		} else {
			_pos.splice(0,1,[_top, _left+_w]);
		}
		$(this).css({
					"position": "absolute",
					"left": _left + "px",
					"top": _top + 5 + "px",
					"margin-right": _marginRight + "px",
					"margin-bottom": _margin + "px",
					opacity: 0
		});
		$(this).delay(100*i).animate({"top": _top + "px", opacity:1},500);
		
		var _t = $(this).height() + _margin + _top;
		var flag = 0;
		for(var n in _pos){
			if(_pos[n][0] == _t) flag = 1;
		}
		if(flag == 0){
			_pos.push([_t, _left]);
			_pos.sort(sortAry);
		}
	});
	target.height(_pos[_pos.length-1][0]);
	target.css("overflow", "visible");
}

function sortAry(a, b) { return (parseInt(a) > parseInt(b)) ? 1 : -1;}