Aumentar y disminuir campo de texto

[yosoloyo]

Buenas a todos

Se bastante poco de javascript.
Mi "problema" es el siguiente:

Tengo una variable en PHP llamada $cantidadmáxima que pongamos de ejemplo que es 10.
Por otro lado tengo el siguiente formulario con un campo textbox y 2 botones, uno de ellos incrementa la cantidad del texbox en 1 unidad y el otro la decrementa:

Código HTML:

<script language="JavaScript">
var contador=0;
function incrementar() {
if(contador==10)
alert('Maximo permitido alcanzado: 10');
else {
document.formulario.precio.value= contador+;
}
}
function decrementar() {
if(contador==0)
alert('Minimo permitido alcanzado: 0');
else {
document.formulario.precio.value= contador--;}
}
</script> 
<p>Forma 1:
<form name="formulario">
<input type="button" onClick="incrementar()" value="+">
<input type="button" onClick="decrementar()" value="-">
<label>
<input name="precio" value=0 type="text" >
</label>
</form> 
</p>
 

Mi primera duda es la siguiente: ¿Como puedo poner en vez de que el máximo permitido sea 10 que sea el valor que tiene $cantidadmaxima?

Y mi duda más importante: ¿Por que si escribo un valor en el textbox y luego le doy a decrementar/incrementar en vez de decrementar/incrementar la cifra que he introducido de forma manual, me coge y me decrementa o incrementa la cifra por donde dejé de darle al botón? Pongo un ejemplo para explicarme bien:
Parto de cero al arrancar la pantalla, y incremento 2 veces hasta poner el valor de textbox a 2. Luego cojo y de forma manual escribo un 7. Entonces voy y vuelvo a incrementar y en vez de salir 8, sale 3. ¿A que se debe? ¿Como puedo corregirlo?

Gracias