Mensagem sucesso apos submit

Pessoal nao estou conseguindo bolar algo para deixar uma mensagem apos o envio dos meus dados de um formulario em php usando javascript para a mensagem aparecer. Bolei algumas coisas como... um contador no click submit ou sempre que der onload verificar se ja foi dado submit no botao o problema é que quando meus dados sao mandados para a pagina php onde recebe e executa os dados para o banco as variaveis javascript voltam a ficar zeradas. Coloquei o evento onload no body pra assim q carregar fazer o contator rodar ou receber a mensagem!

Me perdoem se errei como postar as mensagem no forum... mas pelo q vi nao errei em nada.

function mensagemSucesso() {
 var div = document.getElementById("messages");
 //var enviar = document.getElementById("foto").value;
 if(contador() > 0) {
 div.innerHTML = '<div class="alert alert-success alert-dismissable">
 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
 <strong>Sucesso!</strong> Imagem enviada.</div>';
 } else {
 div.innerHTML = '<div class="alert alert-danger alert-dismissable">
 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
 <strong>Problema!</strong> É necessario inserir uma imagem.</div>';
 }
};

function contador() {
 var count;
 count = count+1;
 return count;
};

E esse é o meu codigo html:

<form id="cadastrofotos" class="form-horizontal" method="post" action="ImagemDAO.php" enctype="multipart/form-data">
 <legend>Cadastrar Camisas</legend>

 <div id="messages"></div>

 <div class="form-group">
 <label class="labele">Preco</label>
 <div class="col-lg-10">
 <input class="form-control" type="text" name="preco"/>
 </div>
 </div>
 <div class="form-group">
 <label class="labele">Tipo de Tecido</label>
 <div class="col-lg-10">
 <input class="form-control" type="text" name="tecido"/>
 </div>
 </div>
 <div class="form-group">
 <label class="labele">Tipo de Estampa</label>
 <div class="col-lg-10">
 <input class="form-control" type="text" name="estampa"/>
 </div>
 </div>
 <div class="form-group">
 <label class="labele">Descricao</label>
 <div class="col-lg-10">
 <input id="descricao" class="form-control" type="text" name="descricao"/>
 </div>
 </div>
 <div class="form-group">
 <label>Insira a camisa personalizada</label>
 <div>
 <input id="foto" type="file" name="foto" />
 </div>
 </div>

 <input id="envia" value="acao" name="acao" type="submit" id="acao" class="btn btn-success"/>
 </form>