[AJAX] Problemas com função para carregar página sem atualizar tudo...

[buthy]

Então galera,

como o site vai ter um player de música, tive que usar ajax..

e sou beeem iniciante...

Consegui uma função que está fazendo exatamente o que eu quero:

<script type="text/javascript">
function id( el ){
        return document.getElementById( el );
}
function pega_arq( url ){
        var file = url.split('#');
        return ( file[1] ) ? file[1] : 'inicial.html';
}
function getHTTPObject(){
        if(window.XMLHttpRequest){
                return new XMLHttpRequest();
        }else if(window.ActiveXObject){
                var prefixes = ["MSXML2", "Microsoft", "MSXML", "MSXML3"];
                for(var i = 0; i < prefixes.length; i++){
                        try     {
                                return new ActiveXObject(prefixes[i] + ".XMLHTTP");
                        } catch (e) {}
                }
        }
}
var xmlHttp = getHTTPObject();
function abre( arq ){
        xmlHttp.open("GET", arq,true);
        xmlHttp.onreadystatechange = function(){
                if (xmlHttp.readyState == 4){
                        id('page').innerHTML = xmlHttp.responseText;
                }               
        }
        xmlHttp.send( null );
}
window.onload = function(){
        var as = document.getElementsByTagName('a');

        for( var i=0; i<as.length; i++ ){
                as[i].onclick = function(){
                        abre( pega_arq( this.href ) );
                }
        }
        abre( pega_arq( document.location.href ) );
}
</script>

só que o problema é o seguinte... no menu topo, quando clica no link, por exemplo:

<a href="#biografia.html">BIOGRAFIA</a>

ele abre normal..

mas quando tem algum link dentro da página biografia.html, dentro da div page... como que eu faço pra abrir esse link? tem que criar outra função??

muito obrigado!