var sEditor = [];

localHA = function(e) {
	if (e) e.stop();
	sEditor[$('sipoc-elem').value].handleAddition(e);
	sEditor[$('sipoc-elem').value].handleCompletion(e);
}

document.observe('dom:loaded', function() {
	sEditor[0] = new ListEditor({container: 'ol-supp', parentElem: 'li', childElem: 'input', dsName: 'inp-new-item', dragType: 'Sortable', dragOptions: { constraint: 'vertical', overlap: 'vertical' }});
	sEditor[1] = new ListEditor({container: 'ol-inpt', parentElem: 'li', childElem: 'input', dsName: 'inp-new-item', dragType: 'Sortable', dragOptions: { constraint: 'vertical', overlap: 'vertical' }});
	sEditor[2] = new ListEditor({container: 'ol-proc', parentElem: 'li', childElem: 'input', dsName: 'inp-new-item', dragType: 'Sortable', dragOptions: { constraint: 'vertical', overlap: 'vertical' }});
	sEditor[3] = new ListEditor({container: 'ol-otpt', parentElem: 'li', childElem: 'input', dsName: 'inp-new-item', dragType: 'Sortable', dragOptions: { constraint: 'vertical', overlap: 'vertical' }});
	sEditor[4] = new ListEditor({container: 'ol-cust', parentElem: 'li', childElem: 'input', dsName: 'inp-new-item', dragType: 'Sortable', dragOptions: { constraint: 'vertical', overlap: 'vertical' }});
			
	$('div-item-editor').observe('submit', localHA);
	$('inp-new-item').focus();

	new EditableField("ta-proc-desc", "textarea-focus", "Click here to add process description");

	new EditableField("inp-proc-name", "input-focus", "Click here to enter process name");
	
 	$('btn-help').observe('click', function(obj) {
		alert("Coming soon!");
	});	
	$('btn-print').observe('click', function(obj) {
		window.print();
	});
});