/**
 * @author fabi
 */
function getAjax()
{
	try 
	{
		ajax = new XMLHttpRequest;
	}
	catch(err1)
	{
		try
		{
			ajax = new ActiveXObject("Msxml2.XMLHTTP");	
		}
		catch(err2)
		{
			try
			{
				ajax = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(err3)
			{
				ajax = false;
			}
		}		
	}
	return ajax;
}
var peticion = getAjax();

function listarSecciones(url)
{
	if (peticion)
	{    	
		if (peticion.readyState == 4 || peticion.readyState == 0) 
     	{  	// hace una petición al servidor para validar los datos extraídos
     	  	peticion.open("GET",url, true);        		
     		peticion.onreadystatechange = respuestaAjax;
     		peticion.send(null);
     	}    
  	}
}

var datos;
function respuestaAjax()
{
	if (peticion.readyState == 4 && peticion.status == 200)
	{
		datos = eval('(' + peticion.responseText + ')');
		ponerEnPanel(datos); // creamos la tabla dinamicamente
	}
}
function ponerEnPanel(datos)
{
	for (var i = 0 ; i < datos.id.length; i++)
	{	
			var p = document.createElement('p');
			var li = document.createElement('li');
			if (i == 0)
				li.className = 'primero';
				
			var myLink = document.createElement('h4');
			myLink.id = datos.id[i];
			myLink.onclick = listarTemas;

			myLink.onmouseover = efectoSeleccion; 
			myLink.onmouseout = efectoDeseleccion;
			myLink.onfocus = efectoSeleccion;
			
			var texto = document.createTextNode(datos.seccion[i]);
			myLink.appendChild(texto);
					
			li.appendChild(myLink);
			p.appendChild(li);
		
			document.getElementById('lista1').appendChild(p);			
	}
}

function efectoSeleccion()
{
	this.style.color = 'blue';
}
function efectoDeseleccion()
{
	this.style.color = '#90324D';	
}