Fade In e Fade Out

[BRKAW]

Olá! Fiz um código que tem a função de fade in e fade out

function fadeOut(id, time) {
    target = document.getElementById(id);
    alpha = 100;
    timer = (time*1000)/50;
    var i = setInterval(
            function() {
                if (alpha <= 0)
                    clearInterval(i);
                setAlpha(target, alpha);
                alpha -= 2;
            }, timer);
}

function fadeIn(id, time) {
    target = document.getElementById(id);
    alpha = 0;
    timer = (time*1000)/50;
    var i = setInterval(
            function() {
                if (alpha >= 100)
                    clearInterval(i);
                setAlpha(target, alpha);
                alpha += 2;
            }, timer);
}

function setAlpha(target, alpha) {
    target.style.filter = "alpha(opacity="+ alpha +")";
    target.style.opacity = alpha/100;
}

Ele funciona muito bem utilizando o efeito na DIV, fica mais o menos assim:

<input onfocus="java script:fadeOut('alvo', 0.1)" type="text" />
        fade out | 
        <input onfocus="java script:fadeIn('alvo', 0.1)" type="text" />
        fade in
        <div id="alvo" >
            Teste    </div>

Porém meu problema é o seguinte:

- Quando acesso a página a div com o id='alvo' fica amostra logo que a página é acessada, eu gostaria que ela fosse escondida e ai quando eu desse o click no input de fade in ai sim ela aparecesse.

- Já tentei utilizar a display='none' no style da div, só que ai ela some e não apareçe mais!

Será que alguém saberia me ajudar?

Agradeço desde já!

[fercosmig]

deixa com style display none e no evento onClick do input chama um função que altera o display da div

http://www.w3schools.com/jsref/prop_style_display.asp