// JavaScript Document

function chimg(id)
	{
		switch(id)
		{
			case 'menu1':
				document.getElementById("imagen1").src = "img/menu1over.png"
				break;
			case 'menu2':
				document.getElementById("imagen2").src = "img/menu2over.png"
				break;
			case 'menu3':
				document.getElementById("imagen3").src = "img/menu3over.png"
				break;
			case 'menu4':
				document.getElementById("imagen4").src = "img/menu4over.png"
				break;
			case 'menu5':
				document.getElementById("imagen5").src = "img/menu5over.png"
				break;
			case 'menu6':
				document.getElementById("imagen6").src = "img/menu6over.png"
				break;
			
			case 'mapMenu1':
				document.getElementById("imagen1").src = "img/mapMenu1over.png"
				break;
			case 'mapMenu2':
				document.getElementById("imagen2").src = "img/mapMenu2over.png"
				break;
			case 'mapMenu3':
				document.getElementById("imagen3").src = "img/mapMenu3over.png"
				break;
			case 'mapMenu4':
				document.getElementById("imagen4").src = "img/mapMenu4over.png"
				break;
			case 'mapMenu5':
				document.getElementById("imagen5").src = "img/mapMenu5over.png"
				break;
			default:
				break;
		}
	}
	
	function stimg(id)
	{
		switch(id)
		{
			case 'menu1':
				document.getElementById("imagen1").src = "img/menu1.png"
				break;
			case 'menu2':
				document.getElementById("imagen2").src = "img/menu2.png"
				break;
			case 'menu3':
				document.getElementById("imagen3").src = "img/menu3.png"
				break;
			case 'menu4':
				document.getElementById("imagen4").src = "img/menu4.png"
				break;
			case 'menu5':
				document.getElementById("imagen5").src = "img/menu5.png"
				break;
			case 'menu6':
				document.getElementById("imagen6").src = "img/menu6.png"
				break;
			
			case 'mapMenu1':
				
					document.getElementById("imagen1").src = "img/mapMenu1.png";
				
				break;
			case 'mapMenu2':
				
					document.getElementById("imagen2").src = "img/mapMenu2.png";
				
				
				break;
			case 'mapMenu3':
				
					document.getElementById("imagen3").src = "img/mapMenu3.png";
				
				
				break;
			case 'mapMenu4':
				
					document.getElementById("imagen4").src = "img/mapMenu4.png"
					break;
				
			case 'mapMenu5':
				
					document.getElementById("imagen5").src = "img/mapMenu5.png";
				
				break;
				
			default:
				break;
		}
	}
	
	function mostrarDetalles(id,idMenu)
	{
		//http://www.notasanime.com.ar/coders/?p=49
		var cadenaHtml = "";
		
		if ($("div#"+id).is(":hidden"))
		{
			document.getElementById(id).style.visibility = "visible";
			document.getElementById(id).style.display = "block";
			
			$("div#divweb").slideDown("fast");
			
			
			document.getElementById("divweb").innerHTML = cadenaHtml;
			document.getElementById("divweb").style.display = "none";
			
			/*document.getElementById(id).style.visibility = "visible";
			document.getElementById(id).style.overflow = "auto";*/
			$("div#" + id).slideDown("fast");
			
			
		}
		else
		{
			$("div#" + id).slideUp("fast");//slow para que lo haga más despacio
			
			document.getElementById(id).style.visibility = "hidden";
			document.getElementById(id).style.display = "none";
			document.getElementById("divweb").style.display = "block";
			document.getElementById("divweb").style.visibility = "visible";
			switch(idMenu)
			{
				case 1:
					cadenaHtml = cadenaHtml + "<br/><p><img src='img/menu1over.png'></p><p>&nbsp;</p><form name='mapaprovincial' method='post' action='index2.php' onsubmit='return validar(0)';><table width='310px'><tr><td colspan='2'>Seleccione el Tipo de Mapa para visualizar los datos de la Provincia</td></tr><tr><td>&nbsp;</td></tr><tr><td align=right>Tipo:</td><td><select name=tipomapa><option value=''>- Seleccione el tipo de mapa -</option><option value=5>Carreteras</option><option value=1>Mancomunidades de Abastecimiento</option><option value=4>Mapa Provincial E.I.E.L.</option></select></td></tr><tr><td colspan=2>&nbsp;</td></tr><tr><td>&nbsp;</td><td><input type=submit name='aceptar2' value='Aceptar'></td></tr></table><input type='hidden' name='nivelmapa' value='P'></form>";
					break;
					
				case 2:
					cadenaHtml = cadenaHtml + "<br/><p><img src='img/menu2over.png'></p><p>&nbsp;</p><form name=mapamunicipal method=post action='index2.php' onsubmit='return validar(1)';><table width='310px'><tr><td colspan='2'>Seleccione el Tipo de Mapa y Municipio para visualizar los datos de un Municipio</td></tr><tr><td>&nbsp;</td></tr><tr><td align=right>Tipo:</td><td><select name=tipomapa><option value=''>- Seleccione el tipo de mapa -</option><option value=1>Abastecimiento</option><option value=2>Saneamiento</option><option value=3>Equipamientos</option><option value=4>Total</option></select></td></tr><tr><td align=right>Municipio:</td><td><select name=municipio id=municipios_select_id onchange=setNameMun(this.options[this.selectedIndex].text)><option value=''>- Seleccione municipio -</option></select></td></tr><tr><td colspan=2>&nbsp;</td></tr><tr><td>&nbsp;</td><td><input type=submit name='aceptar2' value='Aceptar'></td></tr></table><input type='hidden' name='nivelmapa' value='M'><input type='hidden' name='nombreMun'></form>";
					
					break;
				
				case 3:
					cadenaHtml = cadenaHtml + "<br/><p><img src='img/menu3over.png'></p><p>&nbsp;</p><form name=mapamunicipal method=post action='index2.php' onsubmit='return validar(1)';><table width='310px'><tr><td colspan='2'>Seleccione el Tipo de Mapa, Municipio y Núcleo para visualizar los datos de un Núcleo de Población</td></tr><tr><td>&nbsp;</td></tr><tr><td align=right>Tipo:</td><td><select name=tipomapa><option value=''>- Seleccione el tipo de mapa -</option><option value=1>Abastecimiento</option><option value=2>Saneamiento</option><option value=3>Equipamientos</option><option value=4>Total</option></select></td></tr><tr><td align=right>Municipio:</td><td><select name=municipio id=municipios_select_id onChange=find_nucleo(this.options[this.selectedIndex].value)><option value=''>- Seleccione municipio -</option></select></td></tr><tr><td align=right>Núcleo:</td><td><select name=nucleo id=nucleos_select_id onchange=setNameNuc(this.options[this.selectedIndex].text)><option value=''>- Seleccione núcleo -</option></select></td></tr><tr><td colspan=2>&nbsp;</td></tr><tr><td>&nbsp;</td><td><input type=submit name='aceptar2' value='Aceptar'></td></tr></table><input type='hidden' name='nivelmapa' value='N'><input type='hidden' name='nombreNuc'></form>";
					break;
					
				default:
					break;
			}
			
			cadenaHtml = cadenaHtml + "<p>&nbsp;</p><p align='right' style='padding-right:25px;'><a href='#' onClick='javascript:mostrarDetalles(\"listaMenu\",-1);'>&lt;&lt; Volver al Men&uacute; </a></p>";
			document.getElementById("divweb").innerHTML = cadenaHtml;
			
			$("div#divweb").slideDown("fast");
//			document.getElementById("divweb").style.visibility = "visible";
			
			if((idMenu == 2) || (idMenu == 3))
			{
				
				cargarMunicipios();
			}
			
			
		}
	}
	
	
	function nuevoAjax(){
	var xmlhttp=false;
 	try {
 		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
 	} catch (e) {
 		try {
 			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 		} catch (E) {
 			xmlhttp = false;
 		}
  	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
 		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}



function cargarMunicipios(){
	
	var divResultado = document.getElementById('municipios_select_id');
	
	for(n=divResultado.options.length; n>0; n--)
	{
		divResultado.options[n] = null;
	}
	
	ajax=nuevoAjax();
	ajax.open("GET", "index.inc.php",true);
	ajax.onreadystatechange=function() 
	{
		if (ajax.readyState==4) 
		{
			
			var xmldoc = ajax.responseXML.documentElement;
			var municipio = xmldoc.getElementsByTagName('elemento');
			for (n = 0; n < municipio.length; n ++)
			{
				var childNodesIdMunicipio = municipio[n].getElementsByTagName('idMun');
				var childNodeNombreMunicipio = municipio[n].getElementsByTagName('nomMun');
				var idMunicipio = childNodesIdMunicipio.item(0).firstChild.data;
				var nombreMunicipio = childNodeNombreMunicipio.item(0).firstChild.data;
				
				//contenedor.innerHTML = contenedor.innerHTML + "<br>" + nombreMunicipio;
				divResultado.options[n+1] = new Option(nombreMunicipio,idMunicipio);
			}
		}
	}
	 ajax.send(null)
}
function find_nucleo(idMun)
{
	var divResultado = document.getElementById('nucleos_select_id');
	var url =  "index2.inc.php?idMun="+idMun;
	for(n=divResultado.options.length; n>0; n--)
	{
		divResultado.options[n] = null;
	}
	
	ajax=nuevoAjax();
	ajax.open("GET",url,true);
	ajax.onreadystatechange=function() 
	{
		if (ajax.readyState==4) 
		{
			
			var xmldoc = ajax.responseXML.documentElement;
			var nucleo = xmldoc.getElementsByTagName('elemento');
			for (n = 0; n < nucleo.length; n ++)
			{
				var childNodesIdNucleo = nucleo[n].getElementsByTagName('idNuc');
				var childNodeNombreNucleo = nucleo[n].getElementsByTagName('nomNuc');
				try
				{
						var idNucleo = "";
						var nombreNucleo = "";
						
					if(childNodesIdNucleo.item(0).childNodes.length != 0)
					{
						var idNucleo= childNodesIdNucleo.item(0).firstChild.data;
					}
					if(childNodeNombreNucleo.item(0).childNodes.length != 0)
					{
						var nombreNucleo = childNodeNombreNucleo.item(0).firstChild.data;
					}
					if((idNucleo!="")&&(nombreNucleo!=""))
					{
						divResultado.options[n+1] = new Option(nombreNucleo,idNucleo);
					}
					
				}catch(e){}
				
				//var idNucleo= childNodesIdNucleo.item(0).firstChild.data;
				//var nombreNucleo = childNodeNombreNucleo.item(0).firstChild.data;
				
				//contenedor.innerHTML = contenedor.innerHTML + "<br>" + nombreMunicipio;
				//divResultado.options[n+1] = new Option(nombreNucleo,idNucleo);
			}
		}
	}
	 ajax.send(null)
}
function validar(id)
{
			if(document.forms[0].tipomapa.value =="")
			{
					alert("Seleccione un tipo de mapa");
					return false;
			}
			if((id == 0) && (document.forms[0].tipomapa.value==6))
			{
					alert("No disponible");
					return false;
			}
			if((id == 1) || (id == 2))
			{
					if(document.forms[0].municipio.value =="")
					{
						alert("Seleccione un municipio");
						return false;
					}
			}
			
			if(id == 2)
			{
						if(document.forms[0].nucleo.value =="")
					{
						alert("Seleccione un nucleo");
						return false;
					}
			}
			
			
}
function setNameMun(nb)
{
	document.forms[0].nombreMun.value = nb;
}
function setNameNuc(nb)
{
	document.forms[0].nombreNuc.value = nb;
}

function addWMSLayer(id,name)
{
	var szName = name
	var bVisible = true;
	var opacity = 100;
	var imageformat = "image/png";
	var bQueryable = true;
	var server ="";
	var version = "1.1.1";
	var layers = "";
	var srs = "EPSG:23030";
	var addNo = true;

	if (document.getElementById(id).alt == "Desconectar")
	{
		removeWMSLayer(id,name);
	}
	else
	{
		if (id=="serverCatastro")
		{
			server = "http://ovc.catastro.meh.es/Cartografia/WMS/ServidorWMS.aspx?";
			layers="catastro";
		}

		else if (id=="serverIgn")
		{
			server = "http://www.idee.es/wms/IDEE-Base/IDEE-Base?";
			layers="Todas";
		}

		else if (id=="serverGeologico")
		{
			server = "http://www.sitcyl.jcyl.es:80/wms/com.esri.wms.Esrimap/GeologiaJCyL?";
			layers="0,1,2,3,4,5";
		}

		else if(id =="serverRasterjcyl")
		{
			server = "http://www.sitcyl.jcyl.es/wms/com.esri.wms.Esrimap/ImagenesRaster?";
			layers = "80,81,82,83";
		}

		else if(id =="serverOrto2002")
		{
			server = "http://ortocyled50.itacyl.es/ecwp/ecw_wms.dll?";
			layers = "/WMS/ORTO_CYL_2002_ED50_Hu30_50cm.ecw";
		}

		else if(id =="serverOrto2004")
		{
			/*server = "http://wms.itacyl.es/Server/SgdWms.dll/WMS?ServiceName=PNOA_CYL_COLOR";
			layers = "/WMS/ORTO_CYL_2002_ED50_Hu30_50cm.ecw";*/
			alert("no disponible");
			addNo = false;
		}
		else
		{

			  addNo = false;
		}

		if (addNo)
		{
			var l = new _wmsLayer( szName, bVisible, opacity, imageformat, bQueryable,
						 server, version, layers, srs);
	    	myKaMap.addMapLayer( l,1 );


			if (id != null)
			{
				document.getElementById(id).src = "images/icon_set_explorer/server_disconnect.png";
				document.getElementById(id).alt = "Desconectar";
			}
		}


	}
}
function removeWMSLayer(id,name)
{
	myKaMap.removeMapLayer(name);
	document.getElementById(id).src = "images/icon_set_explorer/server_connect.png";
	document.getElementById(id).alt = "Conexión al Servidor";
	/*alert("entra");
	myKaMap.removeMapLayer(name);
	document.getElementById(id).src = "images/icon_set_explorer/server_connect.png";
	document.getElementById(id).alt = "Conexión al Servidor";
	document.getElementById(id).onclick = "addWMSLayer(id,name)";*/

	/*var layers=oMap.getLayers(); //get only visible and checked layers
    for( var i=0; i<layers.length; i++)
	{
		alert(layers[i]);

	}*/
}