Cargar un .htm dentro de <div id="contenedor"> ?¿?¿?¿? <div>

[dj_flu]

Madre mia...que lío...

Mi código ajax es el siguiente (guardado en un archivo .js)

Código:

// Documento JavaScript
// Esta función cargará las paginas
function paginas (url, id_contenedor)
{
    var pagina_requerida = false;
    if (window.XMLHttpRequest)
    {
        // Si es Mozilla, Safari etc
        pagina_requerida = new XMLHttpRequest ();
    } else if (window.ActiveXObject)
    {
        // pero si es IE
        try 
        {
            pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            // en caso que sea una versión antigua
            try
            {
                pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
            }
            catch (e)
            {
            }
        }
    } 
    else
    return false;
    pagina_requerida.onreadystatechange = function ()
    {
        // función de respuesta
        cargarpagina (pagina_requerida, id_contenedor);
    }
    pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
    pagina_requerida.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, id_contenedor)
{
    if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
    document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
}

y para que cuando le dé a un link, me cargue la pantalla tutorial1.htm, pongo:

Código:

<a href="javascript:paginas('contenidos/tutorial1.htm', 'contenidos'>

Y cuando quiero cargar un *.htm sin darle a ningún link/hipervínculo no sé que ponerle dentro

Código:

<div id="contenidos" >
 
</div>

y es aquí donde me pierdo...

sorry...