// JavaScript Document
addEvent(window,'load',inicializarEventos,false);
addEvent(window,'load',mostrarLocalidad,false);

function inicializarEventos()
{
	var select1=document.getElementById('zona');
	addEvent(select1,'change',mostrarLocalidad,false);

}

var conexion1;

function mostrarLocalidad(e)
{
	var zona=document.getElementById('zona').value;
	var provincia=document.getElementById('provincia').value;
		conexion1 = crearXMLHttpRequest();
		conexion1.onreadystatechange = procesarEventos;
		conexion1.open('GET','localidades.php?zona='+zona+'&provincia='+provincia,true);
		conexion1.send(null);
	
}

function procesarEventos()
{
	if(conexion1.readyState == 4)
	{
		document.getElementById('localidad').innerHTML=conexion1.responseText;
	}
	else
	{
		document.getElementById('localidad').innerHTML = "<select class='menu'  ><option>Cargando...</option></select>";
	}
}

//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elemento,nomevento,funcion,captura)
{
  if (elemento.attachEvent)
  {
    elemento.attachEvent('on'+nomevento,funcion);
    return true;
  }
  else  
    if (elemento.addEventListener)
    {
      elemento.addEventListener(nomevento,funcion,captura);
      return true;
    }
    else
      return false;
}

function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}