valor variable javascript sea el introducido en un campo de form

Buenas!
Estoy mirando de usar Seadragon Ajax para mi sitio web gracias al cual se podrán ver fotos de grandes tamaños y resoluciones. He estado mirando el API pues necesito implementar un poco las características del visor. En la página oficial hay un código que sirve para mostrar una imagen en ciertas coordenadas de la imagen .La parte que me interesa del código es esta:

....

function addOverlays(viewer) {
var img = document.createElement("img");
var point =new Seadragon.Point( 0.6479860647626986, 0.21632549161594064);
// island off the coast of africa

....

Lo que quiero es que mediante un form como este:

....

<input type="text" name="variable1" size="10" id="variable1">
<input type="text" name="variable2" size="10" id="variable2">

<input type="button" onClick="javascript:init()"> // (init() es la función principal)
</form>

.....

el usuario intoduzca en dos campos de tipo texto las coordenadas y esos valores sean sustituidos cuando en: new Seadragon.Point(variable 1,variable2).He probado con declarar la variable asi:

var variable = document.getElementById('variable1').value
var variable2 = document.getElementById('variable1').value
y sustituir en

var point =new Seadragon.Point( variable, variable2);


pero no funciona.

Alguna idea? Que es lo que falla o como lo puedo solucionar?
Gracias de antemano.

El método Point parece aceptar números flotantes así que tal vez te conviene hacer esto:

var point =new Seadragon.Point( parseFloat(variable), parseFloat(variable2));

Igual eso no te asegura que el usuario va a ingresar un número flotante.

Muchas gracias por la ayuda pues ahora si que funciona ,simplemente era especificar que eran numeros flotantes.
Gracias!