var x;
var elementSelect;
var withIn;


function setUpAttributes(withInParam) {	
	var holder;
	withIn = document.getElementById(withInParam);
	Element.extend(withIn);
	elementSelect = withIn.getElementsBySelector('.optionsWrap')[0].getElementsByTagName("select")[0];
	optionIndex = elementSelect.selectedIndex;
	x = elementSelect.options[optionIndex].innerHTML.replace(" ","");
	withIn.getElementsBySelector('.chosenAttriSwatch')[0].className = "chosenAttriSwatch " +"attri"+x;
	
	if(elementSelect.options[optionIndex].innerHTML!="NONE") {
		x = elementSelect.options[optionIndex].innerHTML;
		withIn.getElementsBySelector('.chosenAttriText')[0].innerHTML = x;
	}

	holder = document.createElement("div");
	holder.className = "attri";
	holder.innerHTML = "<p></p><span>&nbsp;</span>";
	
	for(i=0;i<elementSelect.options.length;i++) {
		if(elementSelect.options[i].innerHTML!="NONE") {
			x = holder.cloneNode(true);
			x.attriI = i;
			x.myWithInRef = withIn;
			x.getElementsByTagName("p")[0].innerHTML = elementSelect.options[i].innerHTML;
			x.getElementsByTagName("p")[0].onclick = function() { chooseAndCloseAttri(this.parentNode); };
			x.getElementsByTagName("span")[0].className = "attri"+elementSelect.options[i].innerHTML.replace(/\s/g,"");
			x.getElementsByTagName("span")[0].onclick = function() { chooseAndCloseAttri(this.parentNode); };
			withIn.getElementsBySelector(".allAttri")[0].appendChild(x);
                        if(i%3===0) new Insertion.Bottom(withIn.getElementsBySelector(".allAttri")[0], "<br />");
		}
	}
	holder = document.createElement("br");
	holder.style.clear = "both";
	withIn.getElementsBySelector(".allAttri")[0].appendChild(holder);
}

function openAttri(withInParam) {
	var withIn = document.getElementById(withInParam);
	withIn.getElementsBySelector('.allAttri')[0].style.display = "block";
}

function chooseAndCloseAttri(elementAttri, withIn) {
	withIn = elementAttri.myWithInRef;
	Element.extend(withIn);
	var elementSelect = withIn.getElementsBySelector('.optionsWrap')[0].getElementsByTagName("select")[0];
	withIn.getElementsBySelector(".allAttri")[0].style.display = "none";

	elementSelect.selectedIndex = elementAttri.attriI;
	withIn.getElementsBySelector('.chosenAttriSwatch')[0].className = "chosenAttriSwatch " +"attri"+elementSelect.options[elementAttri.attriI].innerHTML.replace(/\s/g,"");
	withIn.getElementsBySelector('.chosenAttriText')[0].innerHTML = elementSelect.options[elementAttri.attriI].innerHTML;
}
/*
*/