// JavaScript Document

function trim(s){
  return s.replace(/^\s+|\s+$/, '');
}

function addTableRow(fields){
	var myTable = document.getElementById(table);
	var myRow = myTable.insertRow(-1);
	for(i = 0; i < fields.length; i++){
		var field = document.getElementById(fields[i]);
		var myCell = myRow.insertCell(i);
		if(field.type == 'select-one'){
			myCell.innerHTML = field[field.selectedIndex].text+'<input id="'+field.id + (myTable.rows.length -1) +'" type="hidden" name="'+field.id + '[]" value="' + field.value + '" />'
		}else if(field.type == 'textarea'){
			myCell.innerHTML = '<input id="'+field.id + (myTable.rows.length -1) +'" type="hidden" name="'+field.id + '[]" value="' + field.value + '" />'
		}else{
			myCell.innerHTML = field.value+'<input id="'+field.id + (myTable.rows.length -1)+'" type="hidden" name="'+field.id+'[]" value="'+field.value+'" />';
		}
		myRow.appendChild(myCell);
	}
	myCell = myRow.insertCell(fields.length);
	myCell.innerHTML = '<a href="javascript:void(0)" title="Editar" onclick="getTableRow('+(myTable.rows.length -1)+');"><img src="../imagens/icon_edit.jpg" alt="Editar"/></a>'
	myRow.appendChild(myCell);
	
	myCell = myRow.insertCell(fields.length+1);
	myCell.innerHTML = '<a href="javascript:void(0)" title="Remover" onclick="removeTableRow(this);"><img src="../imagens/icon_remove.jpg"/></a>'
	myRow.appendChild(myCell);
}

function removeTableRow(s){
	s.parentNode.parentNode.parentNode.removeChild(s.parentNode.parentNode);
}

function getTableRow(row){
	for(i = 0; i < fields.length; i++){
		var field = document.getElementById(fields[i]);
		var fieldN = document.getElementById(fields[i]+row);
		//alert(fields[i]+row)
		if(field.type == 'text' || field.type == 'textarea'){
			field.value = fieldN.value;
		}else if(field.type == 'select-one'){
			for(j=0;j < field.options.length; j++)
				if(field.options[j].value == fieldN.value)
					field.selectedIndex = j
		}
	}
	var button = document.getElementById('addUpdate');
	if(navigator.appName == 'Internet Explorer'){
		button.attachEvent ('onclick', function(){if(isValidField(fields)){updateTableRow(row);}});
	}else{
		button.onclick = function(){if(isValidField(fields)){updateTableRow(row);}}
	}
	button.setAttribute('value', 'Atualizar');
}

function updateTableRow(row){
	var myTable = document.getElementById(table);
	for(i = 0; i < fields.length; i++){
		var field = document.getElementById(fields[i]);
		var myCell = myTable.rows[row].cells[i];
		if(field.type == 'select-one'){
			myCell.innerHTML = field[field.selectedIndex].text+'<input id="'+field.id + row +'" type="hidden" name="'+field.id + '[]" value="' + field.value + '" />'
		}else if(field.type == 'textarea'){
			myCell.innerHTML = '<input id="'+field.id + row +'" type="hidden" name="'+field.id + '[]" value="' + field.value + '" />'
		}else{
			myCell.innerHTML = field.value+'<input id="'+field.id + row +'" type="hidden" name="'+field.id + '[]" value="' + field.value + '" />'
		}
		field.value = "";
	}
	var button = document.getElementById('addUpdate');
	button.setAttribute('value', 'Adicionar');
	button.setAttribute('onclick', 'if(isValidField(fields)){addTableRow('+row+');}');
}