function cargaContenido() {
	// guardo el contenido anterior por si falla la llamada a ajax
	var aux1 = document.getElementById("cont1").innerHTML;
	var aux2 = document.getElementById("cont2").innerHTML;
	var aux3 = document.getElementById("cont3").innerHTML;
	var aux4 = document.getElementById("cont4").innerHTML;
	var aux5 = document.getElementById("contenedor_destacadostres").innerHTML;
	
	/*
	comprobamos el dominio, esto es necesario porque el usuario puede acceder tanto por 
	www.cruzroja.es/sercuidador1
	www.sercuidador.org
	www.sercuidador.es
	www.sercuidador.com
	www.sercuidador.net
	Por lo tanto lo comprobarmos, y segun sea sercuidador o cruzroja, montamos la url a la que llamar
	*/
	var nom_dominio = document.domain;
	var nom_dominio_oc4j = document.domain;
	
	// si es cruzroja montamos la url valida, en otro caso dejamos la que este
	// el nom_dominio_oc4j lo dejamos igual porque es para la llamada al servlet, no al contenido estatico
	if (nom_dominio.indexOf("cruzroja") != -1) {
		nom_dominio = "www.cruzroja.es/sercuidador1";
	}
	
	// como hay que cargar el contenido de 5 frames, le ponemos a los cinco la espera
	var contenidoNuevo = "<div style='width: 300px; height: 100px; padding-top: 30px;'>";
	contenidoNuevo += "<img alt='Cargando...' src='http://" + nom_dominio + "/imagenes/ajax_loader/ajax-loader.gif' width='220' height='19'/></div>";
	var contenidoNuevoDivInferior = "<div style='width: 500px; height: 100px; padding-top: 15px; padding-left: 225px;'>";
	contenidoNuevoDivInferior += "<img alt='Cargando...' src='http://" + nom_dominio + "/imagenes/ajax_loader/ajax-loader.gif' width='220' height='19'/>";
	contenidoNuevoDivInferior += "</div>"; 
	document.getElementById("cont1").innerHTML = contenidoNuevo;
	document.getElementById("cont2").innerHTML = contenidoNuevo;
	document.getElementById("cont3").innerHTML = contenidoNuevo;
	document.getElementById("cont4").innerHTML = contenidoNuevo;
	document.getElementById("contenedor_destacadostres").innerHTML = contenidoNuevoDivInferior;
		
	lanzaAjax("cont1", 1, aux1, nom_dominio_oc4j)
	lanzaAjax("cont2", 2, aux2, nom_dominio_oc4j);
	lanzaAjax("cont3", 3, aux3, nom_dominio_oc4j);
	lanzaAjax("cont4", 4, aux4, nom_dominio_oc4j);
	lanzaAjax("contenedor_destacadostres", 5, aux5, nom_dominio_oc4j);
}

function lanzaAjax(capa, numero, contenidoAnterior, nom_dominio_oc4j) {
	var list_options = {
		url: "http://" + nom_dominio_oc4j + "/PortadaSerCuidador/portada.do?param=" + numero,
		form: "null",
		spanName: capa,
		callback: function (jsonRes) {
					document.getElementById(capa).innerHTML = jsonRes.results;
				},
		callback_err: function (jsonRes) {
					document.getElementById(capa).innerHTML = contenidoAnterior;
				}
	};
	var lf = AjaxListFiles(list_options);
}

function AjaxListFiles(options) {

	var http_request = false;
	var form = false;
	var spanName = false;
	var callback = false;
	var callback_err = false;
	var url = false;

	if (options) {
		url = options.url;
		form = options.form;
		spanName = options.spanName;
		callback = options.callback;
		callback_err = options.callback_err;
	} else {
		return false;
	}
	
	makeRequest(url);
	
	function makeRequest(url) {
		http_request = false;
		if (window.XMLHttpRequest) { // Mozilla, Safari,...
	    	http_request = new XMLHttpRequest();
			if (http_request.overrideMimeType) {
	    	 	// set type accordingly to anticipated content type
	        	//http_request.overrideMimeType('text/xml');
		    	http_request.overrideMimeType('text/html');
	    	}
		} else if (window.ActiveXObject) { // IE
	    	try {
	        	http_request = new ActiveXObject("Msxml2.XMLHTTP");
	        } catch (e) {
	        	try {
	            	http_request = new ActiveXObject("Microsoft.XMLHTTP");
	            } catch (e) {}
		    }
	    }
	    
	    if (!http_request) {
			callback_err(jsonRes);
	    	//alert('Cannot create XMLHTTP instance');
	        return false;
	    }
		
	    http_request.onreadystatechange = alertContents;
	    http_request.open('GET', url, true);
	    http_request.send(null);
	}
	
	//aqui obtengo la respuesta del request
	function alertContents() {
		if (http_request.readyState == 4) {
	    	if (http_request.status == 200) {
	            result = http_request.responseText;
	            processResult(result);
	        } else {
				result = http_request.responseText;
				processResult(result);
	        	//alert('Se ha producido un problema de comunicacion con el servidor');
	        }
	    }
	}
	
	function processResult(res) {
		if (res == '' || res == null || res == ' ') {
			callback_err(res);
		}

		var jsonRes;
		
		try {
		  jsonRes = eval('(' + res + ')');
		} catch (err) {
		  jsonRes = "{}";
		}
		
		if (jsonRes.error) {
			if (typeof(callback_err) == "function") {
				callback_err(jsonRes);
			}
		} else if (jsonRes.results) {
			if (typeof(callback) == "function") {
				callback(jsonRes);
			}
		} else {
			if (typeof(callback_err) == "function") {
				callback_err(jsonRes);
			}
		}
	}
}