function makeform(current, sourcediv, getoptions, idtarget, valuetarget) {
		
	someoptions = document.getElementById(getoptions).innerHTML;	
		
	area  = "<select id=\"middleselect\" class=\"\" onchange=\"makechange(this.value, '"+ sourcediv +"', '"+ getoptions +"', '"+idtarget+"', '"+valuetarget+"')\">";
	area += "<option value=\"\">choose a new option...</option>";
	area += someoptions;
	area += "</select>";
	
	document.getElementById(sourcediv).innerHTML = area;
		
}


function makechange(value, target, sourceoptions, idtarget, valuetarget) {
	
		value.replace(/,/g, '\,');
		//value.replace(/'/g, '&apos;');
		//value.replace(/</g, '&lt;');
		//value.replace(/>/g, '&gt;');
	
		valueArray = value.split("|");
		valueID = valueArray[0];
		valueData = valueArray[1];
		
	
	if (valueData == "custom") {
		
		formfield = "<input type=\"text\" style=\"width: 150px;\" value=\"Enter your text...\" onkeyup=\"chk(this)\" onclick=\"this.value = ''\" maxlength=\"25\" onblur=\"makechange('"+valueID+"|'+ this.value, '"+ target +"', '"+ sourceoptions +"', '"+idtarget+"', '"+valuetarget+"');\" />";		
		document.getElementById(target).innerHTML = formfield;
		
	}
	else {
		if (valueData == "") valueData = "click to customize...";	
		
		//value = escape(value);
		
		document.getElementById(idtarget).value = valueID;
		document.getElementById(valuetarget).value = valueData;
		
		document.getElementById(target).innerHTML = "<a href=\"#\" onclick=\"makeform('"+ valueID + "|' + this.innerHTML, '"+ target +"', '"+ sourceoptions +"', '"+idtarget+"', '"+valuetarget+"'); return false;\">"+ valueData +"</a>";
		
		
	}
}


function chk(obj){
	obj.value = obj.value.replace(/[^0-9a-z ,.'?!@#$%^&*()=_+:;-]/gi,'');
}