function OrgPaisOri(ori)
{
document.getElementById('pais').innerHTML = "Searching Countries...";

   var http = new XMLHttpRequest();
   var ur = "consultasdb.php";
   var par = "type=paisesori&ori=" + ori;
   http.open("POST", ur, true);
   
   http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   http.setRequestHeader("Content-length", par.length);
   http.setRequestHeader("Connection", "close");
   
   http.onreadystatechange = function() {//Call a function when the state changes.
		if(http.readyState == 4 && http.status == 200) 
		{
			var htmlprint = "<select id='selpais' style='width:340px' onchange=\"filtro('0',jcid,document.getElementById(\'seltype\').value,document.getElementById(\'selpais\').value,document.getElementById(\'seltheme\').value,document.getElementById(\'selstheme\').value);\"><option value='9999' disabled selected>Select Country of Origin</option><option value='9999'> All Countries </option>";
			//var htmlprint = "<select id='selpais' onchange=\"alert(document.getElementById(\'seltype\').value);\"><option value='9999'> Todos los Paises </option>";
			var xmlDoc = http.responseXML;
			paisx = xmlDoc.documentElement.getElementsByTagName("pais");
				if (paisx.length){
					for (var i = 0; i < paisx.length; i++) 
					{          
					htmlprint = htmlprint + "<option value='" + paisx[i].getAttribute("id") + "'>" + paisx[i].getAttribute("name") + "</option>";
					}
				} else {
				htmlprint = "No countries available.";

				}
            
			htmlprint = htmlprint + "</select>";
			
            document.getElementById('pais').innerHTML = htmlprint;
        } 
        else
        {
			document.getElementById('pais').innerHTML = "Searching Countries...";
        }
      }
 
    http.send(par);
}

function OrgSubThemes(texto)
{

if (texto == "9999")
{
document.getElementById('subtemas').innerHTML = "<select id='selstheme' style='width:340px'><option value='9999' selected disabled>Select Area</option></select>";
}
else
{
document.getElementById('subtemas').innerHTML = "Searching Sub-Areas...";

   var http = new XMLHttpRequest();
   var ur = "consultasdb.php";
   var par = "type=stemas&tema=" + texto;
   http.open("POST", ur, true);
   
   http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   http.setRequestHeader("Content-length", par.length);
   http.setRequestHeader("Connection", "close");
   
   http.onreadystatechange = function() {//Call a function when the state changes.
		if(http.readyState == 4 && http.status == 200) 
		{
		    var htmlprint = "<select id='selstheme' style='width:340px' onchange=\"filtro('0',jcid,document.getElementById(\'seltype\').value,document.getElementById(\'selpais\').value,document.getElementById(\'seltheme\').value,document.getElementById(\'selstheme\').value);\"><option value='9999' disabled selected>Select Sub-Area</option><option value='9999'> All Sub-Areas </option>";
			var xmlDoc = http.responseXML;
			stemax = xmlDoc.documentElement.getElementsByTagName("stema");
				if (stemax.length){
					for (var i = 0; i < stemax.length; i++) 
					{          
					htmlprint = htmlprint + "<option value='" + stemax[i].getAttribute("id") + "'>" + stemax[i].getAttribute("name") + "</option>";
					}
				} else {
              
				htmlprint = "<select id='selstheme' style='width:340px'><option value='9999'>No Sub-Areas available</option></select>";
				}
            
			htmlprint = htmlprint + "</select>";
			
            document.getElementById('subtemas').innerHTML = htmlprint;
		        
        } 
        else
        {
			document.getElementById('subtemas').innerHTML = 'Searching Sub-Areas...';
        }
      }
 
    http.send(par);
}
}

function OrgThemes()
{
document.getElementById('temas').innerHTML = "Searching Areas...";

   var http = new XMLHttpRequest();
   var ur = "consultasdb.php";
   var par = "type=temas";
   http.open("POST", ur, true);
   
   http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   http.setRequestHeader("Content-length", par.length);
   http.setRequestHeader("Connection", "close");
   
   http.onreadystatechange = function() {//Call a function when the state changes.
		if(http.readyState == 4 && http.status == 200) 
		{
		    var htmlprint = "<select id='seltheme' style='width:340px' onchange=\"filtro('1',jcid,document.getElementById(\'seltype\').value,document.getElementById(\'selpais\').value,document.getElementById(\'seltheme\').value,'9999');\"><option value='9999' disabled selected>Select Area</option><option value='9999'> All Areas </option>";
			var xmlDoc = http.responseXML;
			temax = xmlDoc.documentElement.getElementsByTagName("tema");
				if (temax.length){
					for (var i = 0; i < temax.length; i++) 
					{          
					htmlprint = htmlprint + "<option value='" + temax[i].getAttribute("id") + "'>" + temax[i].getAttribute("name") + "</option>";
					}
				} else {
              
				htmlprint = "No Areas available";
				}
            
			htmlprint = htmlprint + "</select>";
			
            document.getElementById('temas').innerHTML = htmlprint;
		        
		      
        } 
        else
        {
			document.getElementById('temas').innerHTML = 'Searching Areas...';
        }
      }
 
    http.send(par);
	
}

function OrgTypes()
{
document.getElementById('tipos').innerHTML = "Searching Organization Types...";

   var http = new XMLHttpRequest();
   var ur = "consultasdb.php";
   var par = "type=type";
   http.open("POST", ur, true);
   
   http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   http.setRequestHeader("Content-length", par.length);
   http.setRequestHeader("Connection", "close");
   
   http.onreadystatechange = function() {//Call a function when the state changes.
		if(http.readyState == 4 && http.status == 200) 
		{
		    var htmlprint = "<select id='seltype' style='width:340px' onchange=\"filtro('0',jcid,this.value,document.getElementById(\'selpais\').value,document.getElementById(\'seltheme\').value,document.getElementById(\'selstheme\').value);\"><option value='9999' disabled selected>Select Organization Type</option><option value='9999'> All Organization Types </option>";
			var xmlDoc = http.responseXML;
			typex = xmlDoc.documentElement.getElementsByTagName("type");
				if (typex.length){
					for (var i = 0; i < typex.length; i++) 
					{          
					htmlprint = htmlprint + "<option value='" + typex[i].getAttribute("id") + "'>" + typex[i].getAttribute("name") + "</option>";
					}
				} else {
              
				htmlprint = "No Organization Types available";
				}
            
			htmlprint = htmlprint + "</select>";
			
            document.getElementById('tipos').innerHTML = htmlprint;
		        
		      
        } 
        else
        {
			document.getElementById('tipos').innerHTML = 'Searching Organization Types...';
        }
      }
 
    http.send(par);
}

function OrgsPais(texto) 
{
$.showprogress('Please Wait','Searching Donors.....','<img src="loadingimage.gif"/>');
document.getElementById('side_bar').innerHTML = "<font color='#3869AF'>Searching Donors...</font>";

   var http = new XMLHttpRequest();
   var ur = "consultasdb.php";
   var par = "type=pais&cid=" + texto;
   http.open("POST", ur, true);
   
   http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   http.setRequestHeader("Content-length", par.length);
   http.setRequestHeader("Connection", "close");
   
   http.onreadystatechange = function() {//Call a function when the state changes.
		if(http.readyState == 4 && http.status == 200) 
		{
		    var htmlprint = "<br><Center><font color=\"#000000\"><b>DONORS</b></font></Center><ul style=\"margin-left: 20px; padding-left: 0;\">";
			var xmlDoc = http.responseXML;
			orgx = xmlDoc.documentElement.getElementsByTagName("org");
				if (orgx.length){
					for (var i = 0; i < orgx.length; i++) 
					{          
					htmlprint = htmlprint + "<li><a href='http://www.lacdonors.org/organizations/detail/" + orgx[i].getAttribute("id") + "' target='_parent' style='font:small Arial; color: #3869AF; size:12px; text-decoration: none;' >" + orgx[i].getAttribute("name") + "</a></li>";
					}
				} else {
              
				htmlprint = "<font color='red'>No Donors available</font>";
				}
            
			htmlprint = htmlprint + "</ul>";
            document.getElementById('side_bar').innerHTML = htmlprint;
			$.hideprogress();
		        
		      
        } 
        else
        {
			$.showprogress('Please Wait','Searching Donors.....','<img src="loadingimage.gif"/>');
			document.getElementById('side_bar').innerHTML = "<font color='#3869AF'></font>Searching Donors...</font>";
        }
      }
 
    http.send(par);

   
}

function filtro(rs,en,tipo,pais,tema,subtema)
{

//alert("Filtros Aplicados\nTipo: " + tipo + "\nPais Origen: " + pais + "\nEn Pais: " + en + "\nTema: " +tema + "\nSubTema: " +subtema);

    	

   document.getElementById('side_bar').innerHTML = "<font color='#3869AF'>Searching...</font>";
   $.showprogress('Please Wait','Searching Donors.....','<img src="loadingimage.gif"/>');
   
   var http = new XMLHttpRequest();
   var ur = "consultasdb.php";
   var par = "type=filtro&tipo=" + tipo + "&cid=" + en + "&ori=" + pais + "&tema=" + tema + "&stema=" + subtema;
   http.open("POST", ur, true);
   
   http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   http.setRequestHeader("Content-length", par.length);
   http.setRequestHeader("Connection", "close");
   
   http.onreadystatechange = function() {//Call a function when the state changes.
		if(http.readyState == 4 && http.status == 200) 
		{
		    var htmlprint = "<br><Center><font color=\"#000000\"><b>DONORS</b></font></Center><ul style=\"margin-left: 20px; padding-left: 0;\">";
			var xmlDoc = http.responseXML;
			orgx = xmlDoc.documentElement.getElementsByTagName("org");
				if (orgx.length){
					for (var i = 0; i < orgx.length; i++) 
					{          
					htmlprint = htmlprint + "<li style=\"color:black;\"><a href='http://www.lacdonors.org/organizations/detail/" + orgx[i].getAttribute("id") + "' target='_parent' style='font:small Arial; color: #3869AF; size:12px; text-decoration: none;'>" + orgx[i].getAttribute("name") + "</a></li>";
					}
				} else {
              
				htmlprint = "<center><font color='red'>No Donors available</font></center>";
				}
            
			htmlprint = htmlprint + "</ul>";
            document.getElementById('side_bar').innerHTML = htmlprint;
		        
			$.hideprogress();
		      
        } 
        else
        {
			$.showprogress('Please Wait','Searching Donors.....','<img src="loadingimage.gif"/>');
			document.getElementById('side_bar').innerHTML = "<font color='#3869AF'>Searching...</font>";
        }
      }
 
    http.send(par);

	//alert("aqui deberia refrescar el campo subtema con: " + tema);
	if (rs=="1")
	{
	OrgSubThemes(tema);
	}
}

function ChangeReg(reg,ayuda)
{
		map.clearOverlays();
		
		//document.getElementById('side_bar').innerHTML = "<font color='#4444ff'>Dibujando Mapa...</font>";
		
		if (reg=="5")
		{
			//map.setCenter(new GLatLng(-23.241346,-61.347656),3);
			map.setCenter(new GLatLng(-18.646245142670608,-62.9296875),3);
		}
		else if(reg=="2")
		{
			//map.setCenter(new GLatLng(16.299051,-96.855469),3);
			map.setCenter(new GLatLng(20.879342971957896,-98.876953125),4);
		}
		else if(reg=="1")
		{
			map.setCenter(new GLatLng(18.020528,-73.125),5);
		}
		else
		{
			map.setCenter(new GLatLng(-13.068777,-68.730469),3);
		}

		
	    var request = GXmlHttp.create();
		request.open("GET", "getpaises.php?lan=en&type=all&reg=" + reg, true);
        request.onreadystatechange = function() {
        if (request.readyState == 4) {
          var xmlDoc = GXml.parse(request.responseText);
          // ========= Now process the polylines ===========
          var states = xmlDoc.documentElement.getElementsByTagName("pais");
 
          // read each line
          for (var a = 0; a < states.length; a++) {
            // get any state attributes
            var label  = states[a].getAttribute("nombre");
            var colour = states[a].getAttribute("color");
			var country = states[a].getAttribute("country_id");
			
            // read each point on that line
            var points = states[a].getElementsByTagName("punto");
            var pts = [];
            for (var i = 0; i < points.length; i++) {
               pts[i] = new GLatLng(parseFloat(points[i].getAttribute("lat")),
                                   parseFloat(points[i].getAttribute("lng")));
            }
            var poly = new GPolygon(pts,"#ffffff",1,1,colour,0.4,{clickable:false});
            polys.push(poly);
            labels.push(label);
			countries.push(country);
			
            map.addOverlay(poly);
			
          }
          // ================================================    
			//document.getElementById('side_bar').innerHTML = "<font color='#4444ff'>Seleccione un Pais en el mapa<br><br>Buscar por Region:<br><ul><li><a href='busquedas.php?reg=1' target='_self'>Caribe</a></li><li><a href='busquedas.php?reg=2' target='_self'>Centro America</a></li><li><a href='busquedas.php?reg=5' target='_self'>Sudamerica</a></li></ul></font>"; 
			//+ "<br><input type='button' value='GetCenter' onClick='getcent();'>";;
			$.hideprogress();
			if (ayuda=="1") { helptodos(); }
		}
		else
		{
			$.showprogress('Please Wait','Searching Donors.....','<img src="loadingimage.gif"/>');
		}
      }
      request.send(null);
	}

function helptodos()
{
	$.showhelp('CHOOSE COUNTRY OR REGION','<table border=0 CELLPADDING=10 align=left><tr><td align=left><u>To search in one country</u>:<br><br> 1. Use the <b>[Look for a country in the region]</b> control to select the region where the desired country is (ie. for Haití, please select Caribbean).<br> 2. Click at the country.<br><br><u>To search in a whole region</u>: Use the <b>[Query the whole region]</b> control to select the desired region (i.e. Caribbean).<br><br><center><input type="button" value="OK" onclick="$.hidehelp();" /></center></td></tr></table>','');
}

function helpbus()
{
	$.showhelp('HELP','<table border=0 CELLPADDING=10 align=left><tr><td align=left>Click at any donor to access contact information. Use the controls below to refine your search.<br><br><u>Change Country</u>: Changes the country of search.<br><br><center><input type="button" value="OK" onclick="$.hidehelp();" /></center></td></tr></table>','');
}