﻿//URI: dirección del RSS 2.0 (funciona con WordPress)
var URI='/php/tdd.php';
var caracteres = 75;
var entradas = 2;
var pagina_requerida = false;

llamarasincrono(URI, 'rss',1); 



function llamarasincrono(url, id_contenedor,N){
// Esta función cargará la info
	if (pagina_requerida == false){ //Si la info ha sido cargada, no la carga nuevamente.
		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)
	}else{
		cargarpagina(pagina_requerida, id_contenedor,N)
	}
}

// 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 || window.location.href.indexOf("http")==-1)){
		//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 = "";
		if (N>1){next = "<div class='n_back'><a href=\"javascript:llamarasincrono(URI, 'rss',"+(N-entradas)+");\">Anterior</a> </div>";}
		if (N+entradas<=limit){next = next + "<div class='n_next'><a href=\"javascript:llamarasincrono(URI, 'rss',"+(N+entradas)+");\">Siguiente</a></div>";}
		if (N+entradas>limit){next = next + "<div class='n_next'><a href=\"javascript:llamarasincrono(URI, 'rss',1);\">Inicio</a></div>";}
		//creamos el string donde irán las etiquetas y los valores
		var rss = "";
		//for de 2 ciclos, para mostrar 2 entradas a la vez
		for (var l=N;l<=N+entradas-1;l++){
			//cogemos el titulo del primer item, luego del segundo, y así...
			var title = xml.getElementsByTagName('title').item(l).firstChild.data;
			var url = xml.getElementsByTagName('link').item(l).firstChild.data;
			var pubDate = xml.getElementsByTagName('pubDate').item(l).firstChild.data;
			var description = xml.getElementsByTagName('description').item(l).firstChild.data;
			//si la longitud de la entrada es mayor a 200 caracteres la cortamos y le ponemos un enlace
			if(description.length>caracteres) { description = description.substr(0,caracteres)+"...<div class='n_enlace'><a href=\""+url+"\" target='_blank'>Leer más</a></div><br/><br/>"; }else description=description+"<br/><br/>";
			//esto es para cortar el +0000 de la fecha en WordPress
			var date = pubDate.split(" +");
			//sumamos las variables a nuestro string
			rss = rss+"<div class='n_fecha'>"+date[0]+"</div><div class='n_titulo'>"+title+"</div><div class='n_descripcion'>"+description+"</div>";
			if (limit==l)
			//si nos pasamos del limite, la cortamos
				break;
		}

		//metemos el string + el boton en el div-id que corresponde
		document.getElementById(id_contenedor).innerHTML=rss+next;
	//un pequeño mensaje para avisar que se está cargando la info
	}else if (pagina_requerida.readyState == 1)
		document.getElementById(id_contenedor).innerHTML="<div class='n_load>Cargando...</div>"
}
