Insertar una ventana de navegacion dentro de la misma

[NueveReinas]

Quizá esto te sirva. Es solo un ejemplo, puedes modificarlo como quieras.

JSFIDDLE: http://jsfiddle.net/ft3mf1bh/

Código HTML:

<div id='cssmenu'>
<ul>
    <li id="home"><span>Home</span></li>
    <li class='active has-sub' id="zona_norte"><span>Zona Norte</span></li>
        <ul>
            <li class='has-sub'><span><b>Tienda1</b></span>
                <ul>
                    <li id="tienda1"><span>tienda 1</span></li>
                    <li id="tienda2"><span>tienda 2</span></li> 
                    <li class='last' id="tienda3"><span>tienda 3</span></li>
                </ul>
            </li>
         </ul>
</ul>
</div>
 
<div class="contenedor"></div>
 

Código CSS:

/* ----- ESTILOS DE EJEMPLO ----- */
 
#cssmenu li {
    cursor:pointer;
    list-style:none;
    color:#000;
    background:#CCC;
}
 
#cssmenu li:hover {
    color:white;
    background:#000;
}
 
/* ---------- */
 
.contenedor {
    background:none;
    border:1px solid red;  /* Solo por ejemplo */
    height:600px; /* Solo por ejemplo */
}
 

jQuery 1.9.1 o mayor

Código Javascript:

//Enlaces
$enlace_Home = "http://www.wikipedia.org/";
$enlace_ZonaNorte = "http://www.taringa.net/";
$enlace_tienda1 = "http://www.forosdelweb.com/";
$enlace_tienda2 = "http://www.mercadolibre.com.ar/";
$enlace_tienda3 = "http://k31.kn3.net/1/B/6/D/A/3/20F.gif";
 
//Por defecto, carga en enlace de Home, pero esto lo puedes editar según cada página o lo que sea
 $(".contenedor").html('<iframe src=" '+$enlace_Home+' " frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>');
 
 //Establecemos los controles
$("#home").click(function(e) {
    $(".contenedor").html('<iframe src=" '+$enlace_Home+' " frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>');
});
 
$("#zona_norte").click(function(e) {
    $(".contenedor").html('<iframe src=" '+$enlace_ZonaNorte+' " frameborder="0" scrolling="yes" width="100%" height="100%" ></iframe>');
});
 
$("#tienda1").click(function(e) {
    $(".contenedor").html('<iframe src=" '+$enlace_tienda1+' " frameborder="0" scrolling="yes" width="100%" height="100%" ></iframe>');
});
 
$("#tienda2").click(function(e) {
    $(".contenedor").html('<iframe src=" '+$enlace_tienda2+' " frameborder="0" scrolling="yes" width="100%" height="100%" ></iframe>');
});
 
$("#tienda3").click(function(e) {
    $(".contenedor").html('<iframe src=" '+$enlace_tienda3+' " frameborder="0" scrolling="yes" width="100%" height="100%" ></iframe>');
});