// JavaScript Document
var contador, contador2, verificador;

contador = 2;
contador2 = 5;
function inclui() {
	document.getElementById("historico").style.display = '';
	newDiv = document.createElement("div");
	newDiv.setAttribute("id",contador);
	newDiv.innerHTML = "<table width=740 border=0 cellspacing=0 cellpadding=0>"
+"<tr>"
+"    <td height=7 colspan=2 align=left><img src=images/space.gif height=6></td>"
+"            </tr>"	
+"<tr>"
+"<td height=20 colspan=2 valign=middle bgcolor=#E4E4E4><span class=alinhamento>- Combust&iacute;vel "+contador+" </span></td>"
+"            </tr>"
+"          <tr>"
+"                   <td align=left colspan=2><img src=images/space.gif height=6></td>"
+"          </tr>"
+"          <tr>"
+"            <td width=370 valign=top><table width=370 border=0 cellspacing=0 cellpadding=0>"
+"              <tr>"
+"                <td width=90 height=20>Tipo / nome:</td>"
+"                <td width=280><input name=empresa04 type=text class=formulario id=empresa04 size=27></td>"
+"              </tr>"
+"              <tr>"
+"                 <td align=left colspan=2><img src=images/space.gif height=3></td>"
+"              </tr>"
+"              <tr>"
+"                <td height=20>PCI:</td>"
+"                <td><input name=empresa05 type=text class=formulario id=empresa05 size=27></td>"
+"              </tr>"
+"              <tr>"
+"                    <td align=left colspan=2><img src=images/space.gif height=3></td>"
+"                </tr>"
+"              <tr>"
+"                <td height=20>% Umidade:</td>"
+"                <td><input name=empresa06 type=text class=formulario id=empresa06 size=27></td>"
+"              </tr>"
+"            </table></td>"
+"            <td width=370 valign=top><table width=370 border=0 cellspacing=0 cellpadding=0>"
+"              <tr>"
+"                <td width=97 height=20>% Mistura:</td>"
+"                <td width=273><input name=empresa07 type=text class=formulario id=empresa07 size=27></td>"
+"              </tr>"
+"              <tr>"
+"                <td align=left colspan=2><img src=images/space.gif height=3></td>"
+"              </tr>"
+"              <tr>"
+"                <td height=20>Peso Espec&iacute;fico:</td>"
+"                <td><input name=empresa08 type=text class=formulario id=empresa08 size=27></td>"
+"              </tr>"
+"              <tr>"
+"                <td align=left colspan=2><img src=images/space.gif height=3></td>"
+"              </tr>"
+"              <tr>"
+"                <td height=20>Granulometria:</td>"
+"                <td><input name=empresa09 type=text class=formulario id=empresa09 size=27></td>"
+"              </tr>"
+"            </table>              </td>"
+"          </tr>"
+"        </table>";
	document.getElementById("primeiro").innerHTML = '<input type="button" value="Remover campos" class="formulario" onClick="retira(1)"><br>';
	document.getElementById("botao").innerHTML = '<input type="button" value="Incluir Combustível '+(contador+1)+'" class="formulario" onClick="inclui();"><br>';	
	contador = contador+1;
	document.getElementById("historico").insertBefore(newDiv);
	
}
function retira() {
		contador = contador-1;
		document.getElementById("botao").innerHTML = '<input type="button" value="Incluir Combustível '+(contador)+'" class="formulario" onClick="inclui();"><br>';			
		if(contador <= 2) {
			document.getElementById("primeiro").innerHTML = '';
		} 
		var d = document.getElementById("historico");
		var velho = document.getElementById(contador);
		d.removeChild(velho);

}

function somente_numero(campo){
	var digits="0123456789"
	var campo_temp
	for (var i=0;i<campo.value.length;i++){
	  campo_temp=campo.value.substring(i,i+1)
	  if (digits.indexOf(campo_temp)==-1){
		    campo.value = campo.value.substring(0,i);
		    break;
	   }
	}
}
<!-- Inicio auto tab
var isNN = (navigator.appName.indexOf("Netscape")!=-1);
function autoTab(input,len, e) {
var keyCode = (isNN) ? e.which : e.keyCode; 
var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];
if(input.value.length >= len && !containsElement(filter,keyCode)) {
input.value = input.value.slice(0, len);
input.form[(getIndex(input)+1) % input.form.length].focus();
}
function containsElement(arr, ele) {
var found = false, index = 0;
while(!found && index < arr.length)
if(arr[index] == ele)
found = true;
else
index++;
return found;
}
function getIndex(input) {
var index = -1, i = 0, found = false;
while (i < input.form.length && index == -1)
if (input.form[i] == input)index = i;
else i++;
return index;
}
return true;
}
//  Fim auto tab -->
function Dados(valor) {
	  try {
         ajax = new ActiveXObject("Microsoft.XMLHTTP");
      } 
      catch(e) {
         try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
         }
	     catch(ex) {
            try {
               ajax = new XMLHttpRequest();
            }
	        catch(exc) {
               alert("Esse browser não tem recursos para uso do Ajax");
               ajax = null;
            }
         }
      }
	  if(ajax) {
		 document.forms[0].listCidades.options.length = 1;
		 idOpcao  = document.getElementById("opcoes");
	     ajax.open("POST", "cidades.php", true);
		 ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		 ajax.onreadystatechange = function() {
			if(ajax.readyState == 1) {
			   idOpcao.innerHTML = "Aguarde...!";
	        }
            if(ajax.readyState == 4 ) {
			   if(ajax.responseXML) {
			      processXML(ajax.responseXML);
			   }
			   else {
				   idOpcao.innerHTML = "Selecione o Estado";
			   }
            }
         }
	     var params = "estado="+valor;
         ajax.send(params);
      }
   }
   function processXML(obj){
      var dataArray   = obj.getElementsByTagName("cidade");
	  if(dataArray.length > 0) {
         for(var i = 0 ; i < dataArray.length ; i++) {
            var item = dataArray[i];
			var codigo    =  item.getElementsByTagName("codigo")[0].firstChild.nodeValue;
			var descricao =  item.getElementsByTagName("descricao")[0].firstChild.nodeValue;
	        idOpcao.innerHTML = "Selecione uma opção";
			var novo = document.createElement("option");
			    novo.setAttribute("id", "opcoes");
			    novo.value = codigo;
			    novo.text  = descricao;
				document.forms[0].listCidades.options.add(novo);
		 }
	  }
	  else {
		idOpcao.innerHTML = "Selecione o Estado";
	  }	  
   }

