var BoxDecorator = function() {
};

BoxDecorator.decorate = function() {
	var list = YAHOO.util.Dom.getElementsByClassName("box");
	for ( var i = 0; i < list.length; i++) {
		BoxDecorator.decorateBox(list[i]);
	}
};

BoxDecorator.decorateBox = function(box) {
	var container = BoxDecorator.createEl("box-container");
	container.appendChild(BoxDecorator.createEl("box-lt"));
	container.appendChild(BoxDecorator.createEl("box-rt"));
	container.appendChild(BoxDecorator.createEl("box-t"));
	YAHOO.util.Dom.replaceClass(box, "box", "box-content");
	container.appendChild(box.parentNode.replaceChild(container, box));
	container.appendChild(BoxDecorator.createEl("box-lb"));
	container.appendChild(BoxDecorator.createEl("box-rb"));
	container.appendChild(BoxDecorator.createEl("box-b"));
};

BoxDecorator.createEl = function(css) {
	var el = document.createElement("div");
	YAHOO.util.Dom.addClass(el, css);
	return el;
};

function onClickRefine(el) {
	var children = el.parentNode.parentNode.parentNode.parentNode
			.getElementsByTagName("select");
	var pattern = "";
	for ( var i = 0; i < children.length; i++) {
		if (children[i].value.length > 0) {
			pattern += children[i].value + "+";
		}
	}
	location.href = url + (pattern.length > 0 ? "&sub=" + pattern : "");
}

function setSelectBoxes() {
	var selects = document.getElementsByTagName("select");
	for ( var i = 0; i < selects.length; i++) {
		if (selects[i].name != "cat") {
			var url = location.search;
			var sub = url.replace(/^.*&sub=([^;]*).*$/, "$1");
			for ( var optIndex = 0; optIndex < selects[i].options.length; optIndex++) {
				if (sub.indexOf(selects[i].options[optIndex].value + "+")  >= 0) {
					selects[i].selectedIndex = optIndex;
				}
			}
		}
	}
}