function formatNNS(element, keyCode) {
    if (keyCode != "8") {
        switch (element.value.length) {
          case 4:
		  case 7:
		  case 11:
            element.value = element.value + "-";
            break;
          default:
            break;
        }
    }
}

window.addEvent('domready', function() {
	var isIE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
	if(isIE6) return;
	var totalParts = 0;
	var rows = $$('tbody tr');
	rows.each(function(tr) {
		tr.parentNode.removeChild(tr);				   
	});
									 
	var f = document.forms['online-request'];		
	var div = new Element('div');
	div.id = 'sidebar';
	var html = '<h3>Parts Request</h3>';
	html += '<p>Use this form to add parts to your request.  All your currently requested parts, if any, are at the bottom of this page.</p>';
	html += '<label><input id="quantity"type="text" name="new[quantity]" /> Quantity</label><br />';
	html += '<label><input id="nns"type="text" name="new[nns]" maxlength="16" /> NSN</label><br />';
	html += '<label><input id="part_number"type="text" name="new[part_number]" /> Part Number</label><br />';
	html += '<label><input id="nomen" type="text" name="new[nomen]" /> Nomenclature</label><br />';
	html += '<label><input id="add_part" type="submit" value="Add Part" style="width:75px;" /> &nbsp;</label><br />';
	div.innerHTML = html;
	$('content').insertBefore(div,f);
	
	var input = new Element('input');
	input.id = 'parts_total';
	input.value = totalParts;
	input.name = 'parts_total';
	input.type = 'hidden';
	$('parts').parentNode.appendChild(input);
	
	$('nns').onkeyup = function (evt) { formatNNS(this,evt.keyCode); }
	$('add_part').onclick = function() {
		totalParts++;
		$('parts_total').value = totalParts;

		var fields = new Array('quantity','nns','part_number','nomen');
		var error = '';
		var ajaxString = 'action=updateParts&mode=add&';
		
		fields.each(function(el) {
			if (!($(el).value)) error += 'Please enter the '+el+' field.\n';	 
		});
		if (error) { alert(error); return; }
		
		var tr = new Element('tr');
		fields.each(function(el) {
			var td = new Element('td');
			if (el == 'quantity') td.style.textAlign = 'center';
			if (el == 'quantity') td.innerHTML = '<input class="text" type="text" name="parts_'+totalParts+'_'+el+'" style="width:65px; float:none;" value="'+$(el).value+'" />'; else td.innerHTML = $(el).value+'<input type="hidden" name="parts_'+totalParts+'_'+el+'"  value="'+$(el).value+'" />';
			tr.appendChild(td);			
			ajaxString += el+'='+$(el).value+'&';	
			$(el).value = '';
		});
		var td = new Element('td');
		var a = new Element('a');
		a.style.cursor = 'pointer';
		a.appendChild(document.createTextNode('remove'));
		a.onclick = function() { var tr = this.parentNode.parentNode; tr.parentNode.removeChild(tr); return false; }
		td.appendChild(a);
		tr.appendChild(td);	
		var tbody = $('parts').getElementsByTagName('tbody');
		tbody[0].appendChild(tr);
		new Ajax( '../ajax-data.php', { postBody:ajaxString }).request();
	}
});