diff --git a/templates/ktcore/metadata/conditional/ajax_masterfield.smarty b/templates/ktcore/metadata/conditional/ajax_masterfield.smarty
new file mode 100644
index 0000000..4a7da76
--- /dev/null
+++ b/templates/ktcore/metadata/conditional/ajax_masterfield.smarty
@@ -0,0 +1,6 @@
+<input type="hidden" name="field_id" value="{$master_field_id}" />
+<select name="lookup_id">
+{foreach item=aLookupRow from=$free_lookups}
+<option value="{$aLookupRow.lookup_id}">{$aLookupRow.lookup_val}</option>
+{/foreach}
+</select>
diff --git a/templates/ktcore/metadata/conditional/ajax_subfield.smarty b/templates/ktcore/metadata/conditional/ajax_subfield.smarty
new file mode 100644
index 0000000..e3db184
--- /dev/null
+++ b/templates/ktcore/metadata/conditional/ajax_subfield.smarty
@@ -0,0 +1,19 @@
+<!-- direct values -->
+<div class="formSelection">
+<select multiple="true" name="direct_values_{$field_id}[]">
+ {foreach item=aLookupRow from=$lookups}
+    <option value="{$aLookupRow.lookup_id}">{$aLookupRow.lookup_val}</option>
+ {/foreach}
+</select>
+
+<!-- subtree's selectable for this field -->
+{if (!empty($rulesets))}
+  {foreach item=ruleset from=$rulesets}
+     <input type="checkbox" name="rulesets_to_attach[]" value="{$ruleset.rule_id}">{$ruleset.rule_name}</input><br />
+  {/foreach}
+{else}
+<p>No rulesets for this field.</p>
+{/if}
+
+<p><a href="/presentation/lookAndFeel/knowledgeTree/administration/conditionalmanagement/manageConditionals.php?action=newSubConditionSet&fieldset_id={$fieldset_id}&starting_field={$field_id}">add a ruleset</a>.</p>
+</div>
diff --git a/templates/ktcore/metadata/conditional/editsimple.smarty b/templates/ktcore/metadata/conditional/editsimple.smarty
new file mode 100644
index 0000000..89a5f3d
--- /dev/null
+++ b/templates/ktcore/metadata/conditional/editsimple.smarty
@@ -0,0 +1,350 @@
+{literal}
+<style>
+
+.active { 
+	background: transparent; 
+}
+
+.inactive {
+	background: #ccc;
+}
+
+.inactive .fieldselection {
+	display: none;
+}
+
+.currentmaster .editbutton { display: none; }
+.savebutton { display: none; }
+.currentmaster .savebutton { display: block; }
+.active .activity_message { display: none; }
+.inactive .savebutton { display: none; }
+
+</style>
+
+<!-- include the mochikit js -->
+<script language="javascript" src="/thirdpartyjs/MochiKit/Base.js"> </script>
+<script language="javascript" src="/thirdpartyjs/MochiKit/Iter.js"> </script>
+<script language="javascript" src="/thirdpartyjs/MochiKit/Async.js"> </script>
+<script language="javascript" src="/thirdpartyjs/MochiKit/DOM.js"> </script>
+
+
+
+
+<!-- custom JS -->
+
+<script language="javascript">
+
+function str_startswith(source, contents) {
+     var clen = contents.length;
+	 if (source.length < clen) { 
+	     return false;
+     } else {
+	     var matcher = source.substr(0, clen);
+		 if (matcher == contents) { 
+		     return true;
+		 } else {
+		     return false;
+		 }
+	 }
+	 
+}
+
+/*
+ *  Basic workflow on this page is incredibly simple.
+ *  At each stage there is:
+ *    1. an "active" set of fields
+ *    2. an "inactive" set of fields.
+ * 
+ *  Essentially, the backend needs to provide a limited set
+ *  of operations:
+ *    1. Save a selection (active sets)
+ *    2. Edit a new "master column".
+ */
+
+/*
+ * function saveSimpleEditSelection();
+ *
+ * 1. find all "active" columns, and which field is "master".
+ * 2. create the "save" request (question:  how do we build a POST ... the GET is now too long, since IE dies past 1024 chars (or is it 256?)
+ * 3. submit.
+ */ 
+function saveSimpleEditSelection (save_button) {
+    var formKeys = Array();
+    var formValues = Array();
+	// these need to be "pushed" simultanously.
+	var activeColumns = getElementsByTagAndClassName("td","active");
+	
+	/* the submitted form has a simple set of variables.
+	 *
+     * fields[][] - two-dimensional array:
+	 * [field_id] => [array(active values)].
+     * fieldset_id - integer fieldset id.
+	 *    
+	 * master_field - integer master-field id.
+     */
+	 
+	formKeys.push('action');
+	formValues.push('saveSimpleEdit'); 
+	 for (index in activeColumns) {
+	     var t = DIV(null);
+		 var obj = activeColumns[index];
+		 if (typeof(obj) == typeof(t)) {
+		     var oclass = obj.getAttribute('class');
+			 var oid = obj.getAttribute('id');
+			 
+		     // we can extract the field name from this quite simply
+			 // by removing 
+			 var cs_len = 'contain_select_'.length;
+			 if (str_startswith(oid, 'contain_select_')) {
+				var str_end = oid.substr(cs_len, oid.length);
+				formKeys.push('fields[]');
+				formValues.push(str_end);
+
+				
+				// FIXME handle Trees.
+				
+				// since we are active, we can also get the select.
+				var selection = getElementsByTagAndClassName("select","fieldselection", obj);
+				// MUST be only 1.
+				if (selection.length != 0) {
+				    var selObj = selection[0];
+					var key = 'fields['+str_end+'][]';
+					// there can be multiple matches here.
+					for (selindex in selObj.options) {
+					    var subobj = selObj.options[selindex];
+						if (typeof(subobj) == typeof(t)) {
+						    if (subobj.selected) {
+						        formKeys.push(key);
+								formValues.push(subobj.value);
+							}
+						}
+					}
+				}
+		     // handle the case where this is a buttongroup - find the "master".
+			 } else {
+			    if (hasElementClass(obj, 'currentmaster')) {
+				    var cs_len = 'contain_buttons_'.length;
+				    var str_end = oid.substr(cs_len, oid.length);
+					formKeys.push('master_field');
+					formValues.push(str_end);
+				}
+			 }
+		 }
+	 }
+	 // finally.
+	 var POSTval = queryString(formKeys, formValues);
+	 
+	 var targeturl = 'manageConditionals.php';
+	 var req = getXMLHttpRequest();
+	 req.open("POST", targeturl, true);
+	 req.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
+	 var deferred = sendXMLHttpRequest(req, POSTval);
+	 deferred.addCallback(partial(do_saveSimpleRelation, save_button));
+	 deferred.addErrback(partial(do_handleAjaxError, save_button,
+'save'));
+	 // indicate to the user that we are saved.
+	 save_button.disabled = true;
+	 save_button.value = "saving...";
+}
+
+// intentionally stubbed - we don't actually act here.
+// at most we need a "kill saving".
+function do_saveSimpleRelation(button, req) {
+	//alert('saved '+req.responseText);
+	button.disabled = false;
+	button.value = "save";
+}
+
+function do_handleAjaxError(button, button_val, err) {
+	alert('failed while trying to '+button_val);
+	button.disabled = false;
+	button.value = button_val;
+}
+
+function getSubSelect(obj) {
+   return getElementsByTagAndClassName('select','fieldselection', obj);
+}
+/* 
+ * function editNewSimpleSelection(int field_id) 
+ *
+ * 1. initiate an XMLHTTPRequest to get the "controlled fields".
+ * 2. change all to be either "active" or "inactive"
+ * 3. add "save" to the appropriate column.
+ *
+ */
+function editNewSimpleSelection(field_id) {
+   var active_fields = Array();
+   // DEBUG CODE
+   if (field_id == '8') {
+       active_fields.push('8');
+	   active_fields.push('9');
+   } else {
+       active_fields.push('5');
+	   active_fields.push('8');	   
+   }
+   
+   var edit_columns = getElementsByTagAndClassName('td','editable');
+   var button_columns = getElementsByTagAndClassName('td','buttons');
+   
+   for (var i=0; i<edit_columns.length; i++) {
+      var obj = edit_columns[i];
+	  var cs_len = 'contain_select_'.length; // horrid.
+	  var col_num = obj.id.substr(cs_len, obj.id.length);
+	  
+	  setElementClass(obj, 'inactive editable');
+	  // sigh.  we want to know if this is "active" ...
+	  for (var j=0; j<active_fields.length; j++)
+	  {
+          if (col_num == active_fields[j]) {
+		      setElementClass(obj, 'active editable');
+			  // urgh.  we now need to set the master column's select to not be multiple.
+			  var slist = getSubSelect(obj);
+			  for (var k=0; k<slist.length; k++) {
+				 if (col_num == field_id) {
+				     slist[k].multiple = false;
+				 } else {
+				    slist[k].multiple = true;
+				 }
+			  }
+		  } 
+	  }
+   }
+   
+   for (var i=0; i<button_columns.length; i++) {
+      var obj = button_columns[i];
+	  var cs_len = 'contain_buttons_'.length; // horrid.
+	  var col_num = obj.id.substr(cs_len, obj.id.length);
+	  
+	  setElementClass(obj, 'inactive buttons');
+	  // sigh.  we want to know if this is "active" ...
+	  for (var j=0; j<active_fields.length; j++)
+	  {
+          if (col_num == active_fields[j]) {
+		      if (col_num == field_id) {
+		          setElementClass(obj, 'active buttons currentmaster');
+		      } else {
+			     setElementClass(obj, 'active buttons');
+			  }
+		  } 
+	  }
+   }
+}
+
+function getMasterField() {
+    var cols = getElementsByTagAndClassName('td','buttons');
+	var mf = null;
+	for (var i=0; i<cols.length; i++) {
+	    var c = cols[i];
+		if (hasElementClass(c, 'currentmaster')) {
+		    mf = c.id.substr('contain_buttons_'.length,c.id.length);
+		}
+	}
+	return mf;
+}
+
+/* function getExistingFieldsForVal
+ *
+ * FIXME we need to add XML function here.
+ */
+function getExistingFieldsForVal(field_id) {
+    // DEBUG
+	if ((getMasterField() == field_id) && (field_id == "1")) {
+        alert('updating selections');
+	    var preoptions = Array();
+	
+	    // 1 get the value for field field_id.
+	    var f = getElement('sel_'+field_id);
+	    var active_val = f.value; // this is the active value of the field.
+	
+	    // 2 fetch the option-array.  this should be a list of "<opt num="3" active="{1,0}" />
+		// DEBUG HACK.
+		availcols = Array();
+		availcols.push("2");
+		availcols.push("3");
+		preoptions["2"] = Array();
+		preoptions["3"] = Array();
+		preoptions["2"]["4"] = true;
+		preoptions["2"]["5"] = true;		
+		preoptions["2"]["6"] = false;
+		preoptions["3"]["7"] = true;		
+		preoptions["3"]["8"] = false;
+		preoptions["3"]["9"] = true;		
+		
+		// 3 get and update from the preoption array
+		//     to do this, grab the "sel" and walk its options.
+		for (var i=0; i<availcols.length; i++) {
+		   var colid = availcols[i];
+		   var selid = 'sel_'+colid;
+		   var selection = getElement(selid);
+		   for (var k=0; k<selection.options.length; k++) {
+			   selection.options[k].selected = preoptions[colid][selection.options[k].value];
+		   }
+		}
+	}
+	
+}
+
+</script>
+
+{/literal}
+
+
+<h2>Editing Fieldset Rules (Simple)</h2>
+
+<!-- by default, we start by editing the _first_ column.
+  after that, we need to update / get the "active columns" ids. -->
+
+<table>
+	<tr>
+{foreach from=$aFields item=oField}
+		<th><span title="Field {$oField->getId()}">{$oField->getName()}</span></th>
+{/foreach}
+	</tr>
+	<tr valign="top">
+
+{foreach from=$aFields item=oField}
+{assign var=sMultiple value=""}
+{assign var="sActive" value="inactive"}
+{if $oField->getParentFieldId()}
+  {assign var=sMultiple value='multiple="true"'}
+  {if $oField->getParentFieldId() == $iMasterFieldId}
+    {assign var="sActive" value="active"}
+  {/if}
+{else}
+  {assign var="sActive" value="active"}
+{/if}
+		<td class="{$sActive} editable" id="contain_select_{$oField->getId()}">
+ 			<p class="activity_message">This field is not controlled by the currently active group.</p>
+			<select name="column_{$oField->getId()}" {$sMultiple} class="fieldselection" id="sel_{$oField->getId()}" onchange="getExistingFieldsForVal({$oField->getId()});">
+
+  {foreach from=$oField->getValues() item=oMetaData}
+				<option value="{$oMetaData->getId()}">{$oMetaData->getName()|escape}</option>
+  {/foreach}
+			</select>
+		</td>
+{/foreach}
+        </tr>	
+	<tr>
+
+{foreach from=$aFields item=oField}
+
+{assign var="sActive" value="inactive"}
+{if $oField->getParentFieldId()}
+  {assign var=sMultiple value='multiple="true"'}
+  {if $oField->getParentFieldId() == $iMasterFieldId}
+    {assign var="sActive" value="active"}
+  {/if}
+{else}
+  {assign var="sActive" value="active currentmaster"}
+{/if}
+
+<td class="{$sActive} buttons" id="contain_buttons_{$oField->getId()}">
+  {if $oField->hasChildren()}
+        <input type="button" onclick="editNewSimpleSelection({$oField->getId()});" value="Edit" class="editbutton" />
+		
+        <input type="button" onclick="saveSimpleEditSelection(this);" value="Save" class="savebutton" />
+  {/if}
+</td>
+{/foreach}
+	</tr>
+</table>
diff --git a/templates/ktcore/metadata/conditional/manageConditional.smarty b/templates/ktcore/metadata/conditional/manageConditional.smarty
new file mode 100644
index 0000000..a1e298e
--- /dev/null
+++ b/templates/ktcore/metadata/conditional/manageConditional.smarty
@@ -0,0 +1,38 @@
+<h1>Manage conditional fieldset<h1>
+
+<h2>Field ordering</h2>
+
+{if $aFieldOrders}
+<h3>Existing ordering</h2>
+
+<ul>
+{foreach from=$aFieldOrders item=aRow}
+{php}
+$this->assign("oParentField", DocumentField::get($this->_tpl_vars['aRow']['parent_field_id']));
+$this->assign("oChildField", DocumentField::get($this->_tpl_vars['aRow']['child_field_id']));
+{/php}
+  <li>
+<span title="Field Id {$oParentField->getId()}">Field {$oParentField->getName()|escape}</span>
+affects the values available in
+<span title="Field Id {$oChildField->getId()}">field {$oChildField->getName()|escape}</span>
+</li>
+{/foreach}
+</ul>
+{/if}
+
+<h3>Order fields</h2>
+
+<form action="{$smarty.server.PHP_SELF}" method="POST">
+<input type="hidden" name="fFieldsetId" value="{$oFieldset->getId()}">
+<input type="hidden" name="action" value="orderFields">
+
+The available values of the selected fields:
+<br />
+{entity_select entities=$free_fields name="fFreeFieldIds[]" multiple="yes"}
+<br />
+are conditional on the values of this field:
+<br />
+{entity_select entities=$parent_fields name="fParentFieldId"}
+<br />
+<input type="submit" name="submit" value="Order">
+</form>
diff --git a/templates/ktcore/metadata/conditional/new_masterset.smarty b/templates/ktcore/metadata/conditional/new_masterset.smarty
new file mode 100644
index 0000000..9bcbe33
--- /dev/null
+++ b/templates/ktcore/metadata/conditional/new_masterset.smarty
@@ -0,0 +1,118 @@
+<!-- we REALLY NEED that new ui component. -->
+
+<script language="javascript" src="/thirdpartyjs/MochiKit/Base.js"> </script>
+<script language="javascript" src="/thirdpartyjs/MochiKit/Iter.js"> </script>
+<script language="javascript" src="/thirdpartyjs/MochiKit/DOM.js"> </script>
+<script language="javascript" src="/thirdpartyjs/MochiKit/Async.js"> </script>
+{literal}
+<script language="javascript"> 
+
+var destination="/presentation/lookAndFeel/knowledgeTree/administration/conditionalmanagement/ajaxConditionals.php";
+
+{/literal}
+var fieldset="{$fieldset_id}";
+{literal}
+
+// try to re-create our url, for the XML HTTPREQ to work.
+function constructURL() {
+{/literal}
+    var https = "{$smarty.server.HTTPS}";
+    var host = "{$smarty.server.HTTP_HOST}";
+{literal}
+    var d = "";
+    if (https == "") { d = "http://"; }
+    else { d =  "https://"; }
+
+    d = d + host + destination;
+    return d;
+}
+
+function swapInMasterColumn(req) {
+    var newinfo = req.responseText;
+    var repl = getElement("master_field_column");
+    repl.innerHTML = newinfo;
+
+}
+
+function xmlFailure(err) {
+    alert('failed to obtain the appropriate data..');
+}
+
+var fetching = null;
+
+function getFieldInfoAndAdd(req) {
+    // find the inner val.
+    var cp = getElement(fetching);
+    //alert(fetching);
+    //alert(cp);
+    cp.innerHTML = req.responseText;
+}
+
+function manageOptions(is_active, parentNode, field_id) {
+    if (!is_active) {
+        // delete any options.
+        //alert(field_id);
+        var targets = getElement("checkpoint"+field_id).childNodes;
+        //alert(parentNode);
+        for (var i=0; i<targets.length; i++)
+            targets[i].parentNode.removeChild(targets[i]);
+
+    } else {
+        // fetch and add to parentNode.
+        fetching = "checkpoint"+field_id;   
+        
+        var masterColumnGet="?action=getFieldFromSet&fieldset_id="+fieldset+"&field_id="+field_id;
+        var fullUrl = constructURL()+masterColumnGet;
+        var deff = doSimpleXMLHttpRequest(fullUrl);
+        deff.addCallback(getFieldInfoAndAdd);
+
+    }
+    
+}
+
+function removeFieldSelection(parentNode) {
+    //alert('toasting...');
+    // remove a formFields element from the set.
+    var selections = getElementsByTagAndClassName('select','formFields',parentNode);
+    for (var i=0; i<selections.length; i++)
+        selections[i].parentNode.removeChild(selections[i]);
+}
+
+function getMasterColumn() {
+    var masterColumnGet="?action=getMasterFieldForSet&fieldset_id="+fieldset;
+    var fullUrl = constructURL()+masterColumnGet;
+    // now 
+    var deff = doSimpleXMLHttpRequest(fullUrl);
+
+    deff.addCallback(swapInMasterColumn);
+    deff.addErrback(xmlFailure);
+}
+
+addLoadEvent(getMasterColumn);
+
+</script>
+{/literal}
+<h1>Impose conditions on Fieldset</h1>
+
+<form>
+<input type="hidden" name="action" value="createMasterChain" />
+<input type="hidden" name="fieldset_id" value="{$fieldset_id}" />
+
+
+<table id="conditional_table">
+<tr valign="top">
+    <td><span id="master_field_column">loading free items</span></td>
+    {foreach item=aFieldRow from=$other_fields}
+    <td>
+        <input type="checkbox" name="fields_to_attach[]" value="{$aFieldRow->getId()}" onchange="manageOptions(this.checked, this.parentNode, this.value);">Control {$aFieldRow->getName()}</input>
+        <div id="checkpoint{$aFieldRow->getId()}">&nbsp;</div>
+    </td>
+    {/foreach}
+</tr>
+</table>
+
+
+<input type="submit" value="save" />
+</form>
+
+
diff --git a/templates/ktcore/metadata/conditional/select_fieldset.smarty b/templates/ktcore/metadata/conditional/select_fieldset.smarty
new file mode 100644
index 0000000..9552616
--- /dev/null
+++ b/templates/ktcore/metadata/conditional/select_fieldset.smarty
@@ -0,0 +1,18 @@
+<h2>Select Fieldset</h2>
+
+<form>
+<fieldset>
+<legend>Current Conditional Fieldsets</legend>
+<p>Fieldsets that are marked as conditional.</p>
+
+<input type="hidden" name="action" value="editFieldset" />
+
+{foreach item=oFieldSet from=$available_fieldsets}
+ <input type="radio" name="fieldset_id" value="{$oFieldSet->getId()}">{$oFieldSet->getName()}</input>
+{/foreach}
+
+<div>
+<input type="submit" name="submit" value="Edit">
+</div>
+</fieldset>
+</form>