//----------------------------------
var classN = "list";	//基準のクラス名
var childTagN = "DL";	//基準要素の子要素（大文字）
var LFtagN = "div";	//挿入要素
var LFclassN = "cl";	//挿入要素のクラス名
var LFNum = 2;	//何個目に挿入
//---------------------------------
function LineUp(BoxNum) {
	if (!document.getElementsByTagName) return false;
	(BoxNum > 0)? BoxNum: BoxNum = LFNum;
	var TagBoxes = new Array();
	var a = 0;
	var Tags = document.getElementsByTagName("div");
	for (var i=0; i < Tags.length; i++) {
		if (Tags[i].className.match(classN)) {
			var Boxes = Tags[i].childNodes;
			for (var k=0; k < Boxes.length; k++) {
				if (Boxes[k].nodeType == "1" && Boxes[k].tagName == childTagN) {
					TagBoxes[a] = Boxes[k];
					a++;
				}
			}
			for (var n=0; n < TagBoxes.length; n++) {
				if (n%BoxNum<=0) {
					var addObj = document.createElement(LFtagN);
					addObj.className = LFclassN;
					Tags[i].insertBefore(addObj, TagBoxes[n]);
				}
			}
			if (Tags[i].firstChild.nodeType == "3") Tags[i].removeChild(Tags[i].firstChild);
			Tags[i].removeChild(Tags[i].firstChild);
		}
	}
	return false;
}

function LineUpChange(obj) {
	if (!document.getElementsByTagName) return false;
	var removeTag = new Array();
	var b = 0;
	var opValue = obj.options[obj.selectedIndex].value;
	var chTags = document.getElementsByTagName(LFtagN);
	for (var i=0; i<chTags.length; i++) {
		if (chTags[i].className.match(LFclassN)) {
			removeTag[b] = chTags[i];
			b++;
		}
	}
	for (var j=0; j<removeTag.length; j++) {
		removeTag[j].parentNode.removeChild(removeTag[j]);
	}
	LineUp(opValue);
	return false;
}

try{
	window.addEventListener("load",LineUp,false);
}catch(e){
	window.attachEvent("onload",LineUp);
}