//função aguarda a pagina carregar para alterar 
//propriedade display do elem. fazendo sumir
window.onload  = function()
{
    //obtendo as propriedades do elemento div conteudo
    obj2  = document.getElementById("conteudo")
    //exibindo a div conteudo (display none no CSS)	
    obj2.style.display  = 'block'
    //obtendo as propriedades do elemento div loader
    obj  = document.getElementById("loader")
    //removendo o conteudo da div loader
    obj.innerHTML  = ""
    //ocultando a div loader apos o carregamento da pagina
    obj.style.display  = 'none'
}
function loading()
{
    //criando um novo elemento div
    x  = document.createElement("div")
    //atribuindo o id ao novo elemento
    x.id  = "loader"
    //adicionando conteudo formatado pelo CSS na div loader	
    x.innerHTML  = '<div id="info" class="info"><p>Carregando, aguarde...</p></div>'
    // atribuindo a div conteudo a variavel conteudoDiv para informar que a nova div ira aparecer depois da div conteudo
    conteudoDiv  = document.getElementById("conteudo");
    //inserindo o elemento nova div 'loader' dentro da do body apos a tag conteudo
    document.body.insertBefore(x, conteudoDiv)
}