var accordion;
var accordionClicks;
var accordionContents;

function doInit() {
	//setup form clicks
	var soapsCheck = document.getElementsByClassName('chk');
	for(i=0; i< soapsCheck.length; i++) {
		//alert(soapsCheck[i].value);
		soapsCheck[i].onclick = function() {
			//alert("hi. you clicked on:"+this.value);
			if(this.checked) {
				//add to list
				$('qty').value = $('qty').value + this.value + ": \n";
			} else {
				//remove from list
				/// no idea how yet.
				$('qty').value = $('qty').value.replace(this.value+": \n", "");
			}
		}
	}
	
	//setup accordion
	accordionClicks = document.getElementsByClassName('title');
	accordionContents = document.getElementsByClassName('content');
	accordion = new Fx.MultipleOpenAccordion(accordionClicks, accordionContents, {openAll:false, firstElementsOpen: [], fixedWidth:350, alwaysHide:true});
	
}
window.onload = doInit;


/* addendums to mootools */
function $set(val, defaultVal){
	if(typeof val == "undefined" || val == null) val = defaultVal;
	return val;
};