/*SELECCIONA ALUMNO
/*============================*/ 

var CAMBIA_RELACCION = {
    
    init : function() 
	{		
		var botones = document.getElementById("personas").getElementsByTagName("a");
		var relaccion = document.getElementById("relacciones").getElementsByTagName("ul");	
		relaccion[0].style.display="block";
		
		
		for (i=0;i<botones.length;i++) 
		{	
			botones[i].onclick = function() 
			{
				CAMBIA_RELACCION.actualiza(this);
                                return false;
			}
		}
		
		
	},
	
	actualiza : function pag(botones) 
	{
				
		var personas = document.getElementById("personas").getElementsByTagName("li");		
		var relaccion = document.getElementById("relacciones").getElementsByTagName("ul");	
		for (i=0;i<personas.length;i++) 
		{
			personas[i].id="";
		}
		for (i=0;i<relaccion.length;i++) 
		{
			relaccion[i].style.display="none";
		}
				
		if(botones.id=="btn_amigos")
		{
			relaccion[0].style.display="block";
		}
		else if(botones.id=="btn_idolos")
		{
			relaccion[1].style.display="block";
		}
		else
		{
			relaccion[2].style.display="block";
		}
		botones.parentNode.id = "seleccionado";
		
	}
}  


/*==================================== CARGA DE EVENTOS =================================*/

function addLoadEvent(fn) {
	var old = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = fn;
	} else {
		window.onload = function() {
			old();
			fn();
		}
	}
}


addLoadEvent(function() {
	CAMBIA_RELACCION.init();
});



/*=======================================================================================*/