// Variables Generales
var seleccion='op1';
var lseleccion = 'lop1';

// Funciones GLOBALES
function paginas (url, id_contenedor, id_seleccion)
{
    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, id_seleccion);	
    }
    pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
    pagina_requerida.send (null);
	document.getElementById(lseleccion).className = "link_no_seleccionado";
	document.getElementById(id_seleccion).className = "link_seleccionado";
	lseleccion = id_seleccion;		
}
// 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, id_seleccion)
{
	if (pagina_requerida.readystate == 1)  {
			document.getElementById (id_contenedor).innerHTML = "Cargando ...";
	}
    else if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))  {
		document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
	}
}

//Cambio de Color CELDA
function CambiarColor(ID) {
	document.getElementById(seleccion).className = "noseleccion";
	document.getElementById(ID).className = "seleccion";
	seleccion = ID;
}