JQuery добавляет числовое значение

может кто-нибудь помочь мне отладить это, пожалуйста??? я действительно не знаю, что не так с моим кодом...

я пытаюсь добавить числовое значение к другому числовому значению.... но это не работает, как я ожидал... вместо этого просто добавляю число в виде строки.

Вот моя демонстрация: (уже решено)

и вот код js:

$(document).ready(function(){
$("#map").click(function(e){
    var x = parseInt((e.pageX - this.offsetLeft)) - parseInt("140");
    var y = parseInt((e.pageY - this.offsetTop)) - parseInt("140");


  var coor = $("#map").css("background-position").split(" ");
  var cx = parseInt(coor[0].replace("px",""));
  var cy = parseInt(coor[1].replace("px",""));


    $("#map").stop().animate({"backgroundPosition": x+cx+" "+y+cy},"slow");
     alert("X:"+x+", CX: "+cx+"\n Y:"+y+", CY:"+cy+"\n Background-pos:"+$("#map").css("background-position"));

});
});

подскажите пожалуйста что с ним не так...