// Documento JavaScript
// Esta función cargará las paginas
function llamarasincrono(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)
scrollTo(0,1000);
}
// 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
}

//
// A partir d'aqui hi ha el codi de la carrega amb imatge de precàrrega
//

function NuevoAjax(){
        var xmlhttp=false;
        try{
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        }catch(e){
                try{
                        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }catch(E){
                        xmlhttp = false;
                }
        }

        if(!xmlhttp && typeof XMLHttpRequest!='undefined'){
                xmlhttp = new XMLHttpRequest();
        }
        return xmlhttp;
}

function Cargar(url,id_contenedor){
        var contenido;
        contenido = document.getElementById(id_contenedor);
        //preloader = document.getElementById('content');
        //creamos el objeto XMLHttpRequest
        ajax=NuevoAjax(); 
        //peticionamos los datos, le damos la url enviada desde el link
        ajax.open("GET", url,true); 
        ajax.onreadystatechange=function(){
                if(ajax.readyState==1){
                        contenido.innerHTML = "<br><br><br><font face='Verdana, Arial, Helvetica, sans-serif' size='2pt'>Loading...</font><br>";
                        //modificamos el estilo de la div, mostrando una imagen de fondo
                        contenido.style.background= "url('loading.gif') 50% 5% no-repeat"; 	
						scrollTo(0,600);
                }else if(ajax.readyState==4){
                        if(ajax.status==200){
                                //mostramos los datos dentro de la div
                                contenido.innerHTML = ajax.responseText; 
                                //preloader.innerHTML = "Cargado.";
                                contenido.style.background= "#FFFFFF";
								scrollBy(0,window.pageYOffset+200/*450*/);								
                        }else if(ajax.status==404){
                                contenido.innerHTML = "La página no existe";
                        }else{
                                //mostramos el posible error
                                contenido.innerHTML = "Error:".ajax.status; 
                        }
                }
        }
        ajax.send(null);
}