//variable global
//alert(document.getElementByID('nada').text);
var i=1;
//URI: dirección del RSS 2.0 (funciona con WordPress)
var URI='http://www.cugat.cat/rss.php';
// var URI='http://www.cugat.cat/rss.php';


//var URI='http://www.elpais.com/rss.html';
//función: llamarasincrono('URI', 'div-id',i);
llamarasincrono(URI, 'rss',i);
// Esta función cargará la info
function llamarasincrono(url, id_contenedor,N){
    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,N)
    }
    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,N){
    if (pagina_requerida.readyState == 4 && (pagina_requerida.status==200 )){

        //usamos la propiedad responseXML: devuelve datos por el servidor en forma de documento XML
        var xml = pagina_requerida.responseXML;
        //encontramos el total de items en el RSS
        var limit = xml.getElementsByTagName('item').length;
        //Boton Siguiente
        //i es la variable que irá incrementandose
        //var next = "<next><a href=\"javascript:llamarasincrono(URI, 'rss',i);\">Més notícies</a></next>";
        var next = "<a href=\"javascript:llamarasincrono(URI, 'rss',i);\">Més notícies</a>";
        //creamos el string donde irán las etiquetas y los valores
        var rss = "";
        //for de 2 ciclos, para mostrar 2 entradas a la vez
//var item = xml.getElementsByTagName('mensaje')[0]; 
//var txt = item.getElementsByTagName('texto')[0]; 


        for (var l=N;l<=N+1;l++){
            var item = xml.getElementsByTagName('item')[l]; 
            //cogemos el titulo del primer item, luego del segundo, y así...
            var title = item.getElementsByTagName('title').item(0).firstChild.data;
            var url = item.getElementsByTagName('link').item(0).firstChild.data;
            //var pubDate = xml.getElementsByTagName('lastBuildDate').item(l).firstChild.data;
            var description = item.getElementsByTagName('description').item(0).firstChild.data;

            //si la longitud de la entrada es mayor a 190 caracteres la cortamos y le ponemos un enlace <a href="/" class="articlehead">hola</a>
            if(description.length>190) { description = description.substr(0,190)+"..."; }
            //esto es para cortar el +0000 de la fecha en WordPress
            //var date = pubDate.split(" +");
            //sumamos las variables a nuestro string
            rss = rss + "<span class='articlehead'><a href='#' onclick=\"javascript:ToogleContent('id" + l + "')\">[+]</a>&nbsp;";
            rss = rss + title + "</span><span id='id" + l + "' class='articlebody'>" + description +"</span><a href='" + url + "' class='articlehead'>Llegir</a>";

        if (limit==l)
            //si nos pasamos del limite, la cortamos
                break;
        }
        //incrementamos la variable global
        i=i+2;
        //si nos pasamos del límite, volvemos a empezar
        if (i>limit)
            i=1;
        //metemos el string + el boton en el div-id que corresponde

//  alert (rss+next);
//alert("Hola"+id_contenedor + rss);
//alert (document.getElementById("rss").innerHTML);
        document.getElementById(id_contenedor).innerHTML=rss;
        document.getElementById('next').innerHTML=next;

        // set a timeout
        setTimeout("llamarasincrono(URI, 'rss',1);",1800000);
    //un pequeño mensaje para avisar que se está cargando la info
    }else if (pagina_requerida.readyState == 1)
        document.getElementById(id_contenedor).innerHTML="<span class='articlehead'>Carregant...</span>"
}