Event.observe(window,'load',cargaEventosAgenda);

var ruta = '/calendario.php';

function cargaEventosAgenda() {
	$$('.botonAgenda').each(function(s,index) {
		Event.observe(s,'click',function(e) {
			eventosAgenda(s);
		});
	});
	new Ajax.Request(ruta, { method:'post', onSuccess: function(transport){
		var json = eval(transport.responseText);
		cargaAgenda(json,0,0);
	}});
}

function eventosAgenda(obj) {
	$$('.celda_resaltada').each(function(s,index) {
		s.setAttribute("class","");
		s.setAttribute("className","");
	});
	obj.parentNode.setAttribute("class","celda_resaltada");
	obj.parentNode.setAttribute("className","celda_resaltada");
	
	var id = obj.getAttribute('a_id');
	var mes = obj.getAttribute('mes');
	var anyo = obj.getAttribute('anyo');
	var div = $('agendaContenido');
	
	div.innerHTML = '<p>Cargando...</p>';
	
	new Ajax.Request(ruta+'?a='+anyo+'&m='+mes, { method:'post', onSuccess: function(transport){
		var json = eval(transport.responseText);
		cargaAgenda(json,anyo,mes);
	}});
	
}

function cargaAgenda(eventos,anyo,mes) {
	var parrafo;
	var div = $('agendaContenido');
	var url;
	var clase;
	
	div.innerHTML = '';
	
	for ( var i=0 ; i<eventos.length ; i++ ) {
		parrafo = document.createElement("p");
		switch(parseInt(eventos[i].tipo)) {
			case 1:
				url = 'curso.php?Id=';
				clase = 'flecha';
			break;
			case 2:
				url = 'seminario.php?Id=';
				clase = 'flecha';
			break;
			case 3:
				url = 'evento.php?id=';
				clase = 'flecha';
			break;
		}
		parrafo.innerHTML = '<a href="'+url+eventos[i].id+'&idioma=es" target="_self">'+eventos[i].fechaTexto+'</a> <br><strong>'+eventos[i].titulo+'</strong></a>';
		parrafo.setAttribute("class",clase);
		parrafo.setAttribute("className",clase);
		div.appendChild(parrafo);
	}
	
	if ( eventos.length <= 0 ) {
		div.innerHTML = '<p>No hay ningún evento en la agenda para este més.</p>';
	}
	
	div.innerHTML += '<p class="flecha"><a href="cursos.php?a='+anyo+'&m='+mes+'&idioma=es" target="_self">Ver cursos</p>'
}