problemas con hover()

[Deonorth]

Buenas, un saludo a todos ya que este es mi primer post, estoy comenzando con jquery y espero en un futuro ser yo el que propoga algua solucion XD.


Tengo creada una tabla y cada celda tiene un class que dependiendo del valor que tenga cambiara color etc. Estos valores los tengo definidos en un css. Mi objetivo es que al pinchar en cualquier celda se inicie un hover() y al ir pasando por encima de las celdas cambien de color y al volver a pinchar pare. Basicamente es un lienzo donde pintas.

Y aquí mi problema, cuando pincho comienza a pintar pero no se como hacer que al volver a pinchar pare el evento. He probado haciendo un interruptor con if, lei algo sobre unbind pero vamos que ando algo perdido o lo estoy haciendo de la forma erronea XD.


Esto es lo que intente con if

<script>

$(document).ready(function(){
var nume = 0;

$("td").click(function(){
if(nume == 1){
nume = 0;

}else if(nume == 0){
$("td").hover(function(){

var cla = $(this).attr("class");
$(this).removeClass(cla);
//En este punto en teoria iria una variable con el valor del class previamente elegido, lo puse asi para simplificar
$(this).addClass("meld09");
});
nume = 1;
}

});

});

</script>



gracias de antemano