[Resolvido] Gerar inputs e os Remover com JavaScript

Olá,

Consegui fazer um script para colocar campos de tipo file dinamicamente no html, porém, para removelos... ;x

<script type="text/javascript">
 var i = 0;
 function addCampoFile() {
 document.getElementById("campos").innerHTML += "<p id='class"+i+"'> <input type='file' name='foto"+i+"' id='foto"+i+"' /></p>";
 i++;
 }
 function tiraCampoFile() {
 //oque tinha aqui num quero nem mostra ;x
 }

o html code:

<form method="post" enctype="multipart/form-data">
 <p>
 <label for="Titulo">
 Titulo:      
 <input type="text" name="titulo" id="titulo" />
 </label>
 </p>
 <p>
 <label for="Descricao">
 Descrição:
 <input type="text" name="descricao" id="descricao" />
 </label>
 </p>
 <p>
 <label for="fotos">
 Quantas fotos você deseja mostrar para seu evento?
 <a href="#" class="mais" onclick="addCampoFile()">+</a>
 <a href="#" class="menos" onclick="tiraCampoFile()">-</a>
 </label>
 </p>
 <p>
 <label for="fotos" id="fotos">
 <div id="campos" >

 </div>
 </label>
 </p>
 <p>
 <label for="Enviar">
 <button type="submit" name="action" value="cadastrar">Cadastrar Evento</button>
 <button type="reset">Limpar</button>
 </label>
 </p>
 </form>

então minha duvida seria a seguinte, como remover os campos criados anteriormente?

consegui remover ate 2 campos usando decremento da variavel i, porem a partir desse momento num deu mais :(

outra duvida minha seria saber o porque quando defino valor nos inputs e adiciono um novo input o valor dos anteriores se perder?

vendo que javascript não deveria fazer isso certo?

Desde já agradeço

Luiz Felipe.