Foros del Web - utilisando ajax

hola soy un principiante en esto de ajax pero e estado leyendo unos tutoriales y me arme un codigo pero el problema es que cuando hago funcionar la funcion paresiera que no mandara las variables al php en el servidor bueno aqui esta mi codigo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ajax</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script>
var navegador;
function ajax(){
if (window.ActiveXObject){
navegador = new XMLHttpRequest();
navegador.onreadystatechange = cargar();
var v1 = document.for1.c1.value;
navegador.open("POST", php.php,true)
navegador.send(v1)
}
}

function cargar(){

var contenido = document.getElementById("contenido");
if(navegador.readyState == 4){
contenido.innerHTML = navegador.responseText;
} else {
contenido.innerHTML = 'Cargando...';
}
}
</script>

</head>
<body>
<form onSubmit="ajax()" name="for1">
<div><input type="text" name="c1" /></div>
<div><input type="submit" value="enviar" /></div>
</form>
<div id="contenido"></div>

</body>
</html>

y este es el php:

<?php
$var = $_GET;
$var2 = $_POST;
print_r($var);
print_r($var2);
?>