var Details = new Object();

Details.createLI= function(request){

	var ele = eval(request);
	
	for (var i = 0; i<ele.length; i++ ){
	
			
		var el = document.createElement('li');
			el.name = 'inci';
			el.id = 'inci';
//			var p = document.createElement('p');
			var img=document.createElement('img');
				img.src=ele[i].picPath;
				img.id=ele[i].id;
				img.alt=ele[i].descInciType;
				img.style.align="left";
			el.appendChild(img);
//				p.appendChild(img);
			
//			p.appendChild(document.createTextNode( ele[i].alias + " "+ele[i].descInciType));

// Crear link desde nombre incidencia
var aInci = document.createElement('a');
aInci.href = "javascript:Details.choseEq('"+ele[i].lati+"','"+ele[i].lon+"','"+ele[i].zoomMini+"','"+ele[i].id+"');";
aInci.appendChild(document.createTextNode(ele[i].alias + " "+ele[i].descInciType));
el.appendChild(aInci);
//el.appendChild(document.createTextNode(ele[i].alias + " "+ele[i].descInciType));
//			el.appendChild(p);
			el.className="liClosed";
			var subul = document.createElement('ul');
			
/*			var subliVer = document.createElement('li');
				var imgVer=document.createElement('img');
					imgVer.src="img/lupa.png";
					imgVer.id="Img_ver"+ele[i].id;
					imgVer.alt="Img_ver"+ele[i].type;
				subliVer.appendChild(imgVer);
				
			//	subliVer.innerhtml="<a href='#' onclick='alert('hola')'>Ver en Mapa</a>";
				subliVer.appendChild( document.createTextNode("Ver en Mapa"));
				var strAc="Details.choseEq('"+ele[i].lati+"','"+ele[i].lon+"','"+ele[i].zoomMini+"','"+ele[i].id+"')";
				subliVer.id=strAc;
				subliVer.onclick=function(){eval(this.id);};
				subliVer.style.cursor="pointer";
				subul.appendChild(subliVer);
			
			
			
			var subliParam = document.createElement('li');
				var imgParam=document.createElement('img');
					imgParam.src="img/carpeta_lupa.png";
					imgParam.id="Img_Param"+ele[i].id;
					imgParam.alt="Img_Param"+ele[i].type;
				subliParam.appendChild(imgParam);
				subliParam.appendChild( document.createTextNode("Parametros"));
				subul.appendChild(subliParam);*/	
				
				var subUL2 = document.createElement('ul');
//				subliParam.appendChild(subUL2);
		
		
		/////////////TODO SELECCIONAR QUE PARAMETROS PONGO AQUI		
			
			for (var j = 0 ; j<ele[i].parameters.length ; j++) {
				var subli1 = document.createElement('li');

					subli1.appendChild(document.createTextNode(ele[i].parameters[j].name +":"+ele[i].parameters[j].value ));
					subUL2.appendChild(subli1);
				
			}
//			el.appendChild(subul);
			el.appendChild(subUL2);
		//////////////////////////////////////////////	
		var div = document.createElement('div');
			div.id="div_"+ele[i].id;
			if(i%2==0){
				div.className='incidencia class01';
			}else{
				div.className='incidencia';
			}	
		var ul = document.createElement('ul');
			ul.appendChild(el);
			ul.className="mktree";
			ul.id="ul_"+ele[i].id;
			ul.appendChild(el);
		div.appendChild(ul);
		document.getElementById("listadoElementos").appendChild(div);
		
		
	}

	convertTrees();
	var img = document.getElementById("loadingPic");
	
	img.style.visibility="hidden";
	img.style.height="0px";
}


Details.createIncedenceList= function(request){

	var ele = eval(request);
	var listadoElementosDiv = document.getElementById("listadoElementos");

	for (var i = 0; i<ele.length; i++ ){
	
		var txt ="<img src="+ ele[i].picPath +" alt="+ ele[i].descInciType +"  title="+ ele[i].descInciType + " class='ftl nivel' border=0/>"	
		txt+="<p>";
		txt+="<span class='nombreIncidencia'><strong>"+Details.getParameter(ele[i].parameters,"Carretera")+" </strong> " + ele[i].descInciType +"</span><br />"
		txt+="<span class='hora'>"+ Details.getParameter(ele[i].parameters,"Fecha")+"</span><br/>";
	//	txt+="<span class='hora'>"+ info[i].hora +"<abbr title='horas'>"+ "H" +"</abbr></span><span class='fecha'> - "+ info[i].fecha+"</span><br />";
		txt+="<span class='datosIncidencia'>" + Details.getParameter(ele[i].parameters,"Localidad")+" / " + ele[i].alias+ "</span>";
		txt+="</p>" ;
	
		var div = document.createElement('div');
		div.id="div_"+ele[i].id;
		if(i%2==0){
			div.className='incidencia class01';
		}else{
			div.className='incidencia';
		}	
		div.innerHTML=txt;
		div.style.height="60px";
		div.style.cursor="pointer";
	
		var strAcccionChose="Details.choseEq('"+ele[i].lati+"','"+ele[i].lon+"','"+ele[i].zoomMini+"','"+ele[i].id+"')";
		div.name=strAcccionChose;
		div.onclick=function(){
			eval(this.name);
		};
		
		
		
		listadoElementosDiv.appendChild(div);
		
		
	}
	
}

Details.getParameter = function (params,paramName){
	if(params!= null){
		for (var i = 0; i<params.length; i++){
			if(params[i].name == paramName){
				return params[i].value;
			}
		}
	}
}
Details.clear = function(list) {
		
    if (list && list.childNodes) {
      for (loop = list.childNodes.length -1; loop >= 0 ; loop--) {
        list.removeChild(list.childNodes[loop]);
      }
    }
    coords = 0;
}
Details.loadInci=function(){
	var img = document.getElementById("loadingPic");
	img.style.visibility="visible";
	img.style.height="19px";
	
	
	Details.clear(document.getElementById("listadoElementos"));
//	Details.createLI();
	var mapId = Drawer.mapa.mapObj.baseLayer.id;
	if (mapId.indexOf("BSLYR") != -1) {
		mapId = mapId.split("_")[1];
	} else {
		mapId = 1;
	}
	var call = "ClientAjax?act=im&searchMapId="+mapId+"&withParams=true&search=true&returnParams=true&onlyVisib=true";
	//alert(call);
	Ajax.create(call, "Details.createLI")
	//Ajax.create(call, "Details.createIncedenceList")
	
	Drawer.interval = setTimeout(Details.loadInci,props.reLoadMapTime*1000);
}


Details.resizeMapas=function(){
	//TODO REVISAR PARA QUE REDIMENSIONE OL
	if (document.getElementById('resizer').src.indexOf('big')!=-1){
		document.getElementById('resizer').setAttribute('src','./img/lowMap.gif');
//		document.getElementById('resizer').setAttribute('alt',txtMostrarPanelIzq);
//		document.getElementById('resizer').setAttribute('title',txtMostrarPanelIzq);
		document.getElementById('lateralIncidencias').style.display='none';
		document.getElementById('contenedorInformacion').style.backgroundImage='none';
		document.getElementById('sizerMapa').style.marginLeft='10px';
		document.getElementById('zonaMapa').style.marginLeft='30px';

		
	}
	else
	{
		document.getElementById('resizer').setAttribute('src','./img/bigMap.gif');
//		document.getElementById('resizer').setAttribute('alt',txtOcultarPanelIzq);
//		document.getElementById('resizer').setAttribute('title',txtOcultarPanelIzq);
		document.getElementById('lateralIncidencias').style.display='inline';
		document.getElementById('contenedorInformacion').style.backgroundImage='url(./img/fndLatIncidencias.gif)';
		document.getElementById('sizerMapa').style.marginLeft='5px';
		document.getElementById('zonaMapa').style.marginLeft='292px';

	}
}

Details.choseEq = function(eqLati,eqLon,eqZoom,eqId) { //TODO revisar
		
		Details.actEqId=eqId;
		Details.actEqType="LAYER_INCIDENCE";
		
		var center = new MapManager.GeographicPoint(eqLati,eqLon);
		
		Drawer.mapa.setCenter(center,props.default_zoom);

		if (!MapManager.Utils.prototype.loaded){
			window.setTimeout("Details.markEq()",500);
		}else{
			Details.markEq();
		}
}
Details.markEq =function(){	
	if (!MapManager.Utils.prototype.loaded){ 
		window.setTimeout("Details.markEq()",500);
	}else{
			
		var marker = Drawer.mapa.getObject(Details.actEqId,Details.actEqType);
		if (marker == null){window.setTimeout("Details.markEq()",500); return;}
				//TODO revisar el tamañp del balloon
		marker.showBalloon();
	}		
}