function nuevoAjax()
{ 
	/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
	lo que se puede copiar tal como esta aqui */
	var xmlhttp=false;
	try
	{
		// Creacion del objeto AJAX para navegadores no IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			// Creacion del objet AJAX para IE
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(E)
		{
			if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
		}
	}
	return xmlhttp; 
}

function mostrar_razas(id_raza)
{	

		// Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
		var ajax=nuevoAjax();
		
		//la variable "opcion" es para saber si se esta modificando o insertando uno nuevo.
		ajax.open("GET", "js_ajax/cargar_razas.php?id="+id_raza, true);
		
		ajax.onreadystatechange=function() 
		{ 
			if (ajax.readyState==1)
			{				
			
				// Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."							
				document.getElementById('cargar').innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;<img src='js_ajax/loading.gif' title='cargar'> Cargando...";	
				//document.getElementById('cargar').innerHTML="<img src='select_ajax/loading.gif'>";	
				//selectDestino.appendChild(nuevaOpcion); selectDestino.disabled=true;	
				
			}
			if (ajax.readyState==4)
			{	
			   //alert("dasdas"+ajax.responseText);
				document.getElementById('cargar').innerHTML=ajax.responseText;
			} 
		}
		ajax.send(null);
	//}
}