var idSelected = -1;

/********************************
 *
 *  MASTER
 * 
 **********************************/

var requestList;
var responseList; 

function loadList(select)
{
	idSelected = select;
	//if (idSelected!=-1) loadData(idSelected);
	loadXMLList("xml_nuevos_proyectos_master.php");
}

function loadXMLList(url) 
{
    // opción para el objeto nativo XMLHttpRequest
    if (window.XMLHttpRequest) {
        requestList = new XMLHttpRequest();
        requestList.onreadystatechange = processChangeRequestList;
        requestList.open("GET", url, true);
        requestList.send(null);
    // opción para la versión ActiveX de IE/Windows
    } else if (window.ActiveXObject) {
        requestList = new ActiveXObject("Microsoft.XMLHTTP");
        if (requestList) {
            requestList.onreadystatechange = processChangeRequestList;
            requestList.open("GET", url, true);
            requestList.send();
        }
    }
}

function processChangeRequestList()
{
	// Sólo se procesa si la solicitud esta completada
	if (requestList.readyState == 4) {
		// Sólo si se ha procesado correctamente
		if (requestList.status == 200) {
			// Obtenemos el documento XML que devuelve script php
			responseList = requestList.responseXML.documentElement;
			
			if (responseList) {
							
				var content = document.getElementById("master_content");
				
				var itemNodes = responseList.getElementsByTagName("nuevos-proyectos");
				var itemNode = itemNodes[0];
				
				paginas = itemNode.getAttribute("paginas");
				pagina = itemNode.getAttribute("pagina");
				filas = itemNode.getAttribute("filas");
				filasPorPagina = itemNode.getAttribute("filas-por-pagina");
				
				var items = responseList.getElementsByTagName("item");
				
				var out = "";
				
				var idFirst = -1;
				
				for (i = 0; i < items.length; i++) {
				
					if (i==0) idFirst = items[i].getAttribute("id");
				
					out += "<div class=\"item";
					if (items[i].getAttribute("id") == idSelected) {
						out += "_active";
					}
					out += "\" id=\"itemlist_" + items[i].getAttribute("id") + "\">";
					out += "  <div class=\"up\">";
					out += "  </div>";
					out += "  <div class=\"center\">";
					out += "    <div class=\"content_item\">";
					out += "      <h5><a href=\"javascript:;\" onclick=\"loadData(" + items[i].getAttribute("id") + ");\">" + items[i].getAttribute("titulo") + "</a></h5>";
					out += "      <div class=\"date\">" + items[i].getAttribute("subzona") + "</div>";
					out += "      </div>";
					out += "    </div>";
					out += "  <div class=\"down\">";
					out += "  </div>";				
					out += "</div>";
					
				}
				
				// paginacion
				
				out += "<div class=\"pagination\">";
				
				for (i=0; i<paginas; i++) {
					if (i != pagina) {
						var url = "xml_nuevos_proyectos_master.php?page=" + i;
						out += "<a href=\"#\" onclick=\"loadXMLList('" + url + "');\">" + (i+1) + "</a> ";
					} else {
						out += "<span class=\"page_active\">" + (i+1) + "</span> ";
					}
				}
				
				out += "</div>";
				
				content.innerHTML = out;
				
				var box = new Fx.Slide("master_content");
				box.slideIn();
				
				if (idSelected<0) 
					loadData(idFirst);
				else
					loadData(idSelected);
				
			} else {
				alert("No existe 'responseList'");
			}

		} else {
			alert("There was a problem retrieving the XML data:\n" + responseList.statusText);
		}
	}
}

/********************************
 *
 *  DETAIL
 * 
 **********************************/

var request;
var response;

function loadData(id) {
	idSelected = id;
	
	if (requestList.readyState == 4) {
		if (requestList.status == 200) {
			responseList = requestList.responseXML.documentElement;
			if (responseList) {
				var items = responseList.getElementsByTagName("item");			
				for (i = 0; i < items.length; i++) {
					document.getElementById("itemlist_"+items[i].getAttribute("id")).className = "item";
				}
			}
		}
	}
	
	document.getElementById("itemlist_"+idSelected).className = "item_active";
	loadXMLData("xml_nuevos_proyectos_detail.php?id="+idSelected);
}

function loadXMLData(url) 
{
    // opción para el objeto nativo XMLHttpRequest
    if (window.XMLHttpRequest) {
        request = new XMLHttpRequest();
        request.onreadystatechange = processChangeRequestData;
        request.open("GET", url, true);
        request.send(null);
    // opción para la versión ActiveX de IE/Windows
    } else if (window.ActiveXObject) {
        request = new ActiveXObject("Microsoft.XMLHTTP");
        if (request) {
            request.onreadystatechange = processChangeRequestData;
            request.open("GET", url, true);
            request.send();
        }
    }
}

function processChangeRequestData()
{
	// Sólo se procesa si la solicitud esta completada
	if (request.readyState == 4) {
		// Sólo si se ha procesado correctamente
		if (request.status == 200) {
			// Obtenemos el documento XML que devuelve script php
			response = request.responseXML.documentElement;

			if (response) {
			
				var items = response.getElementsByTagName("nuevo-proyecto");
				var item = items[0];
			
				var out = "";
				out += "<div class=\"title\">" + item.getAttribute("titulo") + "</div>";
				out += "<div class=\"date\">" + item.getAttribute("subzona") + "</div>";
				out += "<div class=\"text\">" + item.firstChild.data + "</div>";
				
				document.getElementById("detail_content").innerHTML = out;
				
				var box = new Fx.Slide("detail_content");
				box.slideIn();	
				
			} else {
				alert("No existe 'response'");
			}

		} else {
			alert("There was a problem retrieving the XML data:\n" + request.statusText);
		}
	}
}


