Схема развертки матрицы клипов по строкам

[DrugON]

Мне нужно чтобы мои превьюшки строились по следующей схеме



загружается первая строка клипов, затем переходим на следующую строку, после второй строки создается еще контейнер с правой стороны от первого, где уже созданы две строки и также строится второй контейнер.
не могу понять как сместить второй контейнер клипов, если меняю addedWidth = 0; на addedWidth = widthLimit + spacing; то смещается только первая строка, а вторая строится в цикле снова с нулевым параметром.

function arrangeThumbs()
{
    myClips = currentThumbField.myClips;
    lineCounter = 1;
    ySpace = 100;
	spacing = 3;
	addedWidth = 0;
    widthLimit = 300;
    for (i = 0; i < myClips.length; i++)
    {
        myClip = myClips[i];
		if (addedWidth + myClip._width + spacing > widthLimit)
        {
            myLineClips = new Array();
            ++lineCounter;
            addedWidth = 0;
		}
		if(lineCounter > 2)
		{
			addedWidth = 0;
			lineCounter = 0;
			++lineCounter;
		}
		myClip._x = addedWidth;
        myClip._y = (lineCounter - 1) * ySpace;
        addedWidth = addedWidth + (myClip._width + spacing);
    }
}

[DarkLight]

Пусть h - высота строки, w_num - количество превьюшек в строке, spacing - расстояние между строками, w_1 - ширина одной превью

Тогда:

  for (i = 0; i < myClips.length; i++){
        myClip = myClips[i];
        myClip._x = (i%w_num)*w_1;
        myClip._y = Math.floor(i/w_num)*(h+spacing);
   }

[DrugON]

а дальше то как?
четыре строчки создалось, а мне нужно чтобы две было в одном контейнере, а две в другом и так далее в зависимости сколько строчек создалось

[DrugON]

Есть еще мысли по моему вопросу?

[Mnilionic]

var tr = 3, td = 5;
var w = myClips[0]._width, h = myClips[0]._height;
var space = 200; // расстояние от первой колонки одного блока до первой колонки следующего блока
var x = 0, y = 0, coll = 0;
 
for( var i = 0; i < myClips.length; i++){
	var mc = myClips[i];
 
	if( x%td == 0 && x != 0){ y++; x = 0;}
	if( y%tr == 0 && y != 0){ y = 0 ; coll++;}
 
	mc._x =  x++ * w + space * coll;
	mc._y = y * h;
}