function daleAjax(id,url,arg,func)
{
	eval("http"+id+".open('get','./system/"+url+".php?"+arg+"',true);");
	eval("http"+id+".onreadystatechange = "+func+";");
	eval("try { http"+id+".send(null); } catch(e) { alert('Se ha producido un error. Por favor, actualiza la página'); }");
}
function dibuja_proy(id, imagen, titulo, texto, lin, subtitulo)
{
	//Primero dibujamos el titulo de la subseccion
	if (subtitulo=="") {var subtitulo ="Todas las actuaciones";};
	$('subtitulo').update(subtitulo);
	$('frase').update("Hay una fuerza motriz más poderosa que el vapor, la electricidad y la energía atómica: la voluntad.");
	$('firma').update("Einstein, Albert");	
	var divcategorias = '<div id="oferta0' + id + '">';
	var divheadoferta = '<div class="headoferta" id="headoferta0' + id + '">';	
	var a1 = '<a id="enlace0' + id + '" class="secundariossub" href="javascript:ventanaSecundaria(\'fichaactuacion.php?id=' + id + '\')">';
	var divimagenoferta = '<p></p></p></p><div class="imgoferta" id="imgoferta0' + id + '">';	
	var aimg = '<a id="enlaceimg0' + id + '" href="javascript:ventanaSecundaria(\'fichaactuacion.php?id=' + id + '\')">';
	var imagproy = '<img id="imagenproyecto0' + id + '" src="thumbnails/' + imagen + '" alt="Eficen &middot; Eficiencia Energ&eacute;tica" width="80" height="60" border="0" class="borde" title="Eficen &middot; Eficiencia Energ&eacute;tica">';
	var divtextoferta = '<div class="textoferta" id="textoferta0' + id + '">';
	var p1 = '<p class="final" id="textoproyecto0' + id + '">';
	var linea = '<div class="lineaoferta" id="lineaoferta' + id + '"><img src="img/linea.jpg" alt="Eficen &middot; Eficiencia Energ&eacute;tica" width="385" height="1" title="Eficen &middot; Eficiencia Energ&eacute;tica"></div>';
	
	
	$('listadoofer').insert(divcategorias);
		$('oferta0' + id).insert(divheadoferta);
		      $('headoferta0' + id).insert(a1);
			  		$('enlace0' + id).update(titulo);
		$('oferta0' + id).insert(divimagenoferta);
			  $('imgoferta0' + id).insert(aimg);
				  $('enlaceimg0' + id).insert(imagproy);
		$('oferta0' + id).insert(divtextoferta);
			  $('textoferta0' + id).update(texto);
	if (lin!=2) {$('listadoofer').insert(linea);};				  

}
function dibuja_ag(id, titulo, imagen, texto, enlace, lin)
{

	if (enlace!="") 
	{			
				var divcategorias = '<div id="agenda0' + id + '">';
				var divheadoferta = '<div class="headagenda" id="headagenda0' + id + '">';	
				var a1 = '<a id="enlace0' + id + '" class="secundariossub"  target="_blank" href="' + enlace + '">';
				var divimagenoferta = '<p></p></p></p><div class="imgagenda" id="imgagenda0' + id + '">';	
				var aimg = '<a id="enlaceimg0' + id + '" target="_blank" href="' + enlace + '">';
				var imagproy = '<img id="imagenagenda0' + id + '" src="' + imagen + '" alt="Eficen &middot; Eficiencia Energ&eacute;tica" width="80" height="60" border="0" class="borde" title="Eficen &middot; Eficiencia Energ&eacute;tica">';
				var divtextoferta = '<div class="textagenda" id="textagenda0' + id + '">';
				var p1 = '<p class="final" id="textoagenda0' + id + '">';
				var linea = '<div class="lineaagenda" id="lineaagenda' + id + '"><img src="img/linea.jpg" alt="Eficen &middot; Eficiencia Energ&eacute;tica" width="385" height="1" title="Eficen &middot; Eficiencia Energ&eacute;tica"></div>';
				
				
				$('listadoagen').insert(divcategorias);
					$('agenda0' + id).insert(divheadoferta);
						  $('headagenda0' + id).insert(a1);
								$('enlace0' + id).update(titulo);
					$('agenda0' + id).insert(divimagenoferta);
						  $('imgagenda0' + id).insert(aimg);
							  $('enlaceimg0' + id).insert(imagproy);
					$('agenda0' + id).insert(divtextoferta);
						  $('textagenda0' + id).update(texto);
				if (lin!=2) {$('listadoagen').insert(linea);}			  
	}else{
			var divcategorias = '<div id="agenda0' + id + '">';
			var divheadoferta = '<div class="headagenda" id="headagenda0' + id + '">';	
			var a1 = '<a id="enlace0' + id + '" class="secundariossub"  target="_blank" href="' + enlace + '>';
			var divimagenoferta = '<p></p></p></p><div class="imgagenda" id="imgagenda0' + id + '">';	
			var aimg = '<a id="enlaceimg0' + id + '" target="_blank" href="' + enlace + '>';
			var imagproy = '<img id="imagenagenda0' + id + '" src="' + imagen + '" alt="Eficen &middot; Eficiencia Energ&eacute;tica" width="80" height="60" border="0" class="borde" title="Eficen &middot; Eficiencia Energ&eacute;tica">';
			var divtextoferta = '<div class="textagenda" id="textagenda0' + id + '">';
			var p1 = '<p class="final" id="textoagenda0' + id + '">';
			var linea = '<div class="lineaagenda" id="lineaagenda' + id + '"><img src="img/linea.jpg" alt="Eficen &middot; Eficiencia Energ&eacute;tica" width="385" height="1" title="Eficen &middot; Eficiencia Energ&eacute;tica"></div>';
			
			
			$('listadoagen').insert(divcategorias);
				$('agenda0' + id).insert(divheadoferta);
					  $('headagenda0' + id).insert(titulo);
							//$('enlace0' + id).update(titulo);
				$('agenda0' + id).insert(divimagenoferta);
					  $('imgagenda0' + id).insert(imagproy);
						  //$('enlaceimg0' + id).insert(imagproy);
				$('agenda0' + id).insert(divtextoferta);
					  $('textagenda0' + id).update(texto);
			if (lin!=2) {$('listadoagen').insert(linea);}			  

	}
}
function dibuja_proyecto(titulo, texto, imagen, imagenthumb, izq, izqthumb, der, derthumb)
{			

			var divhead = '<div id="headficha">';
			var divizquierda = '<div id="ofertaizq">';
			var divgrande = '<div id="grande">';
			var agran = '<a id="enlaprin" href="d/' + imagen + '" target="_blank">';
			var imaggrande = '<img src="thumbnails/' + imagenthumb + '" alt="Eficen &middot; Eficiencia Energ&eacute;tica" width="180" height="135" class="borde" title="Eficen &middot; Eficiencia Energ&eacute;tica">';
			var thumbizq = '<div id="thumbizq">';
			var aizq = '<a id="enlaizq" href="d/' + izq + '" target="_blank">';
			var imagizq = '<img src="thumbnails/' + izqthumb + '"  width="80" height="60" class="borde">';			
			var thumbder = '<div id="thumbder">';
			var ader = '<a id="enlader" href="d/' + der + '" target="_blank">';
			var imagder = '<img src="thumbnails/' + derthumb + '" width="80" height="60" class="borde">';			
			var textficha = '<div id="textficha">';
			var span1 = '<span id="general">';
			$('fichaofer').insert(divhead);
					$('headficha').update(titulo);
			$('fichaofer').insert(divizquierda);
					$('ofertaizq').insert(divgrande);
					      $('grande').insert(agran);
					   		  $('enlaprin').insert(imaggrande);
					if (izqthumb!==undefined){$('ofertaizq').insert(thumbizq);}
					 if (izqthumb!==undefined){$('thumbizq').insert(aizq);}
					   if (izqthumb!==undefined){$('enlaizq').insert(imagizq);}
					if (derthumb!==undefined){$('ofertaizq').insert(thumbder);}
					  if (derthumb!==undefined){$('thumbder').insert(ader);}
					   if (derthumb!==undefined){$('enlader').insert(imagder);}
			$('fichaofer').insert(textficha);
					$('textficha').insert(span1);
						 $('general').update(texto);
			

}

function dibuja_botonera(ini, fin, vmin, vmax, pag, pagtotal, filtro, tipo, inicio, anterior, siguiente, final)
{
	var sigue = parseInt(pag) + 1;
	var ante = parseInt(pag) - 1;
	var div1 = '<div id="inicio">';
	var div2 = '<div class="navegoboton" id="iniciobut">';
	var div3 = '<div class="navegotexto" id="iniciotext">';
	var imgini = '<img src="img/ini.jpg" alt="&middot; Inicio &middot;" name="imgini" width="15" height="15" border="0" id="imgini" title="&middot; Inicio &middot;" onMouseOver="MM_swapImage(\'imgini\',\'\',\'img/ini_over.jpg\',1)" onMouseOut="MM_swapImgRestore()">';	
	var imginioff = '<img src="img/ini_off.jpg" alt="&middot; Inicio &middot;" name="imgini" width="15" height="15" border="0" id="imgini" title="&middot; Inicio &middot;" >';	
	var aini = '<a href="javascript:lista_pag_'+tipo+'(1,' + filtro + ')" target="_self" id="enlacebini">';
	var ainitext = '<a href="javascript:lista_pag_'+tipo+'(1,'+ filtro + ')" target="_self" class="secundarios">'+ inicio + '</a>';
	
	var div12 = '<div id="anterior">';
	var div22 = '<div class="navegoboton" id="anteriorbut">';
	var div32 = '<div class="navegotexto" id="anteriortext">';
	var imgant = '<img src="img/volver.jpg" alt="&middot; Anterior &middot;" name="imganterior" width="15" height="15" border="0" id="imganterior" title="&middot; Anterior &middot;" onMouseOver="MM_swapImage(\'imganterior\',\'\',\'img/volver_over.jpg\',1)" onMouseOut="MM_swapImgRestore()">';
	var imgantoff = '<img src="img/volver_off.jpg" alt="&middot; Anterior &middot;" name="imganterior" width="15" height="15" border="0" id="imganterior" title="&middot; Anterior &middot;">';	
	var aant = '<a href="javascript:lista_pag_'+tipo+'(' + ante + ','+ filtro + ')" target="_self" id="enlacebanterior">';
	var aanttext = '<a href="javascript:lista_pag_'+tipo+'(' + ante + ','+ filtro + ')" target="_self" class="secundarios">'+ anterior + '</a>';

	var div11 = '<div id="siguiente">';
	var div21 = '<div class="navegoboton" id="seguirbut">';
	var div31 = '<div class="navegotexto" id="seguirtext">';
	var imgseguir = '<img src="img/seguir.jpg" alt="&middot; Siguiente &middot;" name="imgseguir" width="15" height="15" border="0" id="imgseguir" title="&middot; Siguiente &middot;" onMouseOver="MM_swapImage(\'imgseguir\',\'\',\'img/seguir_over.jpg\',1)" onMouseOut="MM_swapImgRestore()">';
	var imgseguiroff = '<img src="img/seguir_off.jpg" alt="&middot; Siguiente &middot;" name="imgseguir" width="15" height="15" border="0" id="imgseguir" title="&middot; Siguiente &middot;" >';	
	var aseguir = '<a href="javascript:lista_pag_'+tipo+'(' + sigue + ','+ filtro + ')" target="_self" id="enlacebseguir">';
	var aseguirtext = '<a href="javascript:lista_pag_'+tipo+'(' + sigue + ','+ filtro + ')" target="_self" class="secundarios">'+ siguiente + '</a>';


	var div10 = '<div id="fin">';
	var div20 = '<div class="navegoboton" id="finalbut">';
	var div30 = '<div class="navegotexto" id="finaltext">';
	var imgfin = '<img src="img/fin.jpg" alt="&middot; Final &middot;" name="imgfin" width="15" height="15" border="0" id="imgfin" title="&middot; Final &middot;" onMouseOver="MM_swapImage(\'imgfin\',\'\',\'img/fin_over.jpg\',1)" onMouseOut="MM_swapImgRestore()">';
	var imgfinoff = '<img src="img/fin_off.jpg" alt="&middot; Final &middot;" name="imgfin" width="15" height="15" border="0" id="imgfin" title="&middot; Final &middot;" >';	
	var afin = '<a href="javascript:lista_pag_'+tipo+'(' + pagtotal + ','+ filtro + ')" target="_self" id="enlacebfin">';
	var afintext = '<a href="javascript:lista_pag_'+tipo+'(' + pagtotal + ','+ filtro + ')" target="_self" class="secundarios">'+ final + ' (' + pagtotal + ')</a>';

	var divpag = '<div id="paginas">';
	$('navegacion').insert(div1);
	  $('inicio').insert(div2);
	  if (ini) {$('iniciobut').insert(aini);$('enlacebini').insert(imgini);}
	  else {$('iniciobut').insert(imginioff);}
	  $('inicio').insert(div3);
  	  if (ini) {$('iniciotext').update(ainitext);}
	  else{$('iniciotext').update(inicio);}
	 
	 $('navegacion').insert(div12);
	  $('anterior').insert(div22);
	  if (ini) {$('anteriorbut').insert(aant);$('enlacebanterior').insert(imgant);}
	  else {$('anteriorbut').insert(imgantoff);}
	  $('anterior').insert(div32);
  	  if (ini) {$('anteriortext').update(aanttext);}
	  else{$('anteriortext').update(anterior);}
	
	$('navegacion').insert(divpag);
	for (var i = vmin; i <= vmax; i++)
	{
		var apag = '<a href="javascript:lista_pag_'+tipo+'(' + i + ','+ filtro + ')" target="_self" class="direccionnum">' + i + '</a> ';		
		if (pag != i) {$('paginas').insert(apag);}
		else {$('paginas').insert('' + i + '');}
		if	(i != vmax)	{$('paginas').insert(' &middot; ')};
	}
	 
  	$('navegacion').insert(div11);
	  $('siguiente').insert(div21);
	  if (fin) {$('seguirbut').insert(aseguir);$('enlacebseguir').insert(imgseguir);}
	  else {$('seguirbut').insert(imgseguiroff);}
	  $('siguiente').insert(div31);
  	  if (fin) {$('seguirtext').update(aseguirtext);}
	  else {$('seguirtext').update(siguiente);}
	  
 	$('navegacion').insert(div10);
	  $('fin').insert(div20);
	  if (fin) {$('finalbut').insert(afin);$('enlacebfin').insert(imgfin);}
	  else {$('finalbut').insert(imgfinoff);}
	  $('fin').insert(div30);
  	  if (fin) {$('finaltext').update(afintext);}
	  else {$('finaltext').update(final +  '(' + pagtotal + ')');}
	  
}

function borra_listado(obj)
{
	var items = $$('div.oferta0' + obj);
	for (var i = 1; i < items.size(); i++) 
	{
        items[i].remove();
    }
	var items = $$('div.lineaoferta' + obj);
	for (var i = 1; i < items.size(); i++) 
	{
        items[i].remove();
    }
	if ($('listadoofer'))
	{
		$('listadoofer').update('');
	}
}
function borra_listadoag(obj)
{
	var items = $$('div.oferta0' + obj);
	for (var i = 1; i < items.size(); i++) 
	{
        items[i].remove();
    }
	var items = $$('div.lineaoferta' + obj);
	for (var i = 1; i < items.size(); i++) 
	{
        items[i].remove();
    }
	if ($('listadoagen'))
	{
		$('listadoagen').update('');
	}
}


function borra_botonera()
{
	if($('inicio')) $('inicio').remove();
	if($('anterior')) $('anterior').remove();	
	if($('paginas')) $('paginas').remove();	
	if($('siguiente')) $('siguiente').remove();
	if($('fin')) $('fin').remove();	
}
function borra_proyecto()
{
	if($('general')) $('general').remove();
	if($('ofertaizq')) $('ofertaizq').remove();	
	if($('textficha')) $('textficha').remove();	
	if ($('fichaofer')){$('fichaofer').update('');}
}


function lista_pag_proy(valor, cat, vis)
{
	//lista = $$('li.tipoon');
   //if (lista.size() == 1 )
   //{
    //   objeto = $(lista[0]);
     //  objeto.removeClassName('tipoon');
    //   objeto.addClassName('tipo');
	 //  id= objeto.id.replace(/idli/gi,"");
	 //  texto= objeto.innerHTML;
	 //  objeto.update('<a href="javascript:lista_pag_proy(1,'+ id +')" target="_self" >' + texto + '</a>');
	   //ponemos enlace alert (id);
    //}
     //if (($('idli'+cat).hasClassName('tipo')!= "") && (cat !=0))
   //{
    //   $('idli'+cat).removeClassName('tipo');
     //  $('idli'+cat).addClassName('tipoon');
	//   texto=$('idli'+cat).firstDescendant().innerHTML;
     //  $('idli'+cat).firstDescendant().remove();
    //   $('idli'+cat).update(texto);
	   //quitamos
  // } 
	borra_listado('proyecto');
	borra_botonera();
	daleAjax(1,'listlistadoproy','pag='+valor+'&cat='+cat,'listaproyectos_actualizar');
	//dibujaficha(1);
}
function lista_pag_ag(valor)
{
	borra_listadoag('ag');
	borra_botonera();
	daleAjax(2,'listlistadoag','pag='+valor,'listaagenda_actualizar');
	//dibujaficha(1);
}



//function botonera(numpag, pagtotal,filtro,tipo)
function botonera()
{
	if(http3.readyState == 4)
	{
		var txt = http3.responseText.split('###');
		if(txt[0] == 'ok')
		{
			txt.pop();
			txt.shift();
			var datospag = txt.shift();
			datospag = datospag.split('*#*'); // datospag[0]->Numero total paginas datospag[1]->Numero de pagina que visualizo datospag[2]->filtro datospag[3]->tipo
			datosidioma = txt.shift();
			var datosidioma=datosidioma.split('*#*'); // datosidioma[0]->inicio datosidioma[1]->anterior datosidioma[2]->siguiente datosidioma[3]->final
			pagtot = parseInt(datospag[0]);
			var numrango = 5;
			var vmin = 1;
			var vmax = pagtot;
			var ini = 1;
			var fin = 1;
			var pag = parseInt(datospag[1]);
			if (pag==1) ini=0;
			if (pag==pagtot) fin=0;
			if (pagtot>5)
			{
				var vmin1 = ((pag-2)<1)?1:(pag-2);
				var vmax1 = ((pag+2)<=pagtot)?(pag+2):pagtot;
				var calcmin = vmin1 - (numrango - (vmax1 - vmin1 + 1));
				var calcmax = (numrango - (vmax1 - vmin1 + 1)) + vmax1;		
				vmin = ( calcmin < 1) ? 1: calcmin;
				vmax = (calcmax > pagtot) ? pagtot : calcmax;
			}
			dibuja_botonera(ini,fin,vmin,vmax,pag,pagtot,datospag[2],datospag[3],datosidioma[0],datosidioma[1],datosidioma[2],datosidioma[3]);
		}
	}
}


function listaproyectos_actualizar()
{
	if(http1.readyState == 4)
	{
		var txt = http1.responseText.split('###');
		if(txt[0] == 'ok')
		{
			txt.pop();
			txt.shift();
			var datospag = txt.shift();
			datospag = datospag.split('*#*');  // datospag[0] Numero total paginas datospag[1] Numero de pagina que visualizo
			var linea=1; //para dibujar la primera linea
			if ( txt.length <= 0 ) {$('subtitulo').update(datospag[2]);};  //Si no hay Proyectos actualizo solo el subtitulo
			while( txt.length > 0 )
			{
				var i = txt.shift();// alert (i); alert (txt);
				var proyecto = i.split('*#*'); // proyecto[0] Titulo; proyecto[1] imagen; proyecto[2] comentarios; proyecto[3]id					

				dibuja_proy(proyecto[3], proyecto[1], proyecto[0], proyecto[2],linea, datospag[2]);
				linea = linea+1;
			}
			daleAjax(3,'listlistadobot','tot='+datospag[0]+'&numpag='+datospag[1]+'&filtro='+datospag[3]+'&tipo=proy','botonera');
			//botonera(datospag[1],datospag[0],datospag[3],'proy'); // llamar a botonera
		}
	}
}
function listaagenda_actualizar()
{
	if(http2.readyState == 4)
	{
		var txt = http2.responseText.split('###');
		if(txt[0] == 'ok')
		{
			txt.pop();
			txt.shift();
			var datospag = txt.shift();
			datospag = datospag.split('*#*');  // datospag[0] Numero total paginas datospag[1] Numero de pagina que visualizo
			var linea=1; //para dibujar la primera linea
			var id=0;
			if (1) {$('subtitulo').update('Agenda');};  //Si no hay Proyectos actualizo solo el subtitulo
			while( txt.length > 0 )
			{   id= id+1;
				var i = txt.shift();// alert (i); alert (txt);
				var agenda = i.split('*#*'); // proyecto[0] Titulo; proyecto[1] imagen; proyecto[2] enlace; proyecto[3] texto; proyecto[4] imagenfront					
				//alert (datospag[1]);alert (datospag[0]);
				dibuja_ag(id, agenda[0], agenda[4], agenda[3], agenda[2],linea);
				linea = linea+1;(datospag[1]);
			}
			daleAjax(3,'listlistadobot','tot='+datospag[0]+'&numpag='+datospag[1]+'&filtro='+datospag[3]+'&tipo=ag','botonera');
			//botonera(datospag[1],datospag[0],datospag[3],'ag'); // llamar a botonera
		}
	}
}


function crearObjeto()
{
	var ro;
	var browser = navigator.appName;
	if(browser == 'Microsoft Internet Explorer')
	{
		ro = new ActiveXObject('Microsoft.XMLHTTP');
	}
	else
	{
		ro = new XMLHttpRequest();
	}
	return ro;
}

function visualizar(img){
	var imgproyecto = '<img id="imagenproyecto" src="thumbnails/' + img + '" alt="&middot; Electricidad Jaca &middot;" width="200" height="150" border="1" class="proyecto" title="&middot; Electricidad Jaca &middot;">';

	    $('imgprin').update(imgproyecto);	

}

function nueva_imagen ()
{
	var limiteimagenes = 3;
	numimagenes+=1;
	if (numimagenes <= (limiteimagenes-totalimagenes))
	{
		for (i=1; i<=numimagenes ;i++)
		{
			var objdiv = document.getElementById("imagen" + i);
			objdiv.style.display = "block";
		}
	}else
	{
		numimagenes = (limiteimagenes-totalimagenes);
	}
}

function borra_imagen ()
{
	var limiteimagenes = 3;
	numimagenes-=1;
	if (numimagenes > 0)
	{
		for (i=numimagenes+1; i<=limiteimagenes ;i++)
		{
			var objdiv = document.getElementById("imagen" + i);
			objdiv.style.display = "none";
			var camponombre = document.getElementById("nombreimagen" + i);
			camponombre.value = "";
			var camporadio = document.getElementById("radio" + i);
			camporadio.checked = false;
			var campoimagen = document.getElementById("campoimagen" + i);
			campoimagen.value = "";
		}
		if (totalimagenes == limiteimagenes)
		{
			i=1;
			var camponombre = document.getElementById("nombreimagen" + i);
			camponombre.value = "";
			camponombre.disabled = true;
			var camporadio = document.getElementById("radio" + i);
			camporadio.checked = false;
			camporadio.disabled = true;
			var campoimagen = document.getElementById("campoimagen" + i);
			campoimagen.value = "";
			campoimagen.disabled = true;
			var campoboton = document.getElementById("nuevaimagen");
			campoboton.disabled = true;
			campoboton = document.getElementById("borraimagen");
			campoboton.disabled = true;
		}
	}else
	{
		numimagenes = 1;
	}
}
function tamFuente (nivel, elem) {	
var elemento = document.getElementById(elem)    
elemento.className = "nivel"+nivel;
//elemento.className = nivel;
}


					 
var http1 = crearObjeto();
var http2 = crearObjeto();
var http3 = crearObjeto();
var http4 = crearObjeto();