var img = document.getElementById('pers_xy');  //отримуєм дані про картинку яка знаходиться під id pers_xy щоб ми змогли нею керувати

document.getElementById("mapa").onclick = function(event) {
    setPosition(img, event.clientX, event.clientY);
}

 function setPosition(obj, x, y) {    
    //вираховуєм точні координати точок куди має переміститися персонаж + віднімаємо висоту та ширину обєкта так щоб курсор знаходився знизу
    var left_x = x - 13;
    var top_y = y - 42;
    //-----------------
    
    var vidstan_x = x - <?php echo $row_users['x']; ?> ;//знаходимо відстань між початковою точкою по х та кінцевою точкою по х. Якщо число буде відємним то ми перемножим пізніше на -1
    var vidstan_y = y - <?php echo $row_users['y']; ?>; //знаходимо відстань між початковою точкою по у та кінцевою точкою по у + віднімаємо висоту верхнього блоку. Якщо число буде відємним то ми перемножим пізніше на -1
    
    if(vidstan_x<0) vidstan_x *= -1;
    if(vidstan_y<0) vidstan_y *= -1;
    
    var vidstan = Math.sqrt(vidstan_x*vidstan_x + vidstan_y*vidstan_y); // вичисляю відстань від початку розміщення обєкта до кінцевої його точки координат
     var speed = vidstan * 10;  // вичисляємо швидкість переміщення
     
        $( "#pers_xy" ).stop(); // припиняє  запущену анімацію
        
        //відтворюємо анімацію
        $( "#pers_xy" ).animate({
            left: left_x+'px',
            top: top_y+'px'
        }, speed);

    //отправка гет запита без перезагрузки сторінки
       $.ajax({
                type: "GET",
                url: "game.php",
                data: "x="+left_x+"&y="+top_y,
                // Выводим то что вернул PHP
                success: function(html) {
 //предварительно очищаем нужный элемент страницы
                        $("#result").empty();
//и выводим ответ php скрипта
                        $("#result").append(html);
                }
        });

   

  } 
  

    var vidstan_x = x - <?php echo $row_users['x']; ?> ;//знаходимо відстань між початковою точкою по х та кінцевою точкою по х. Якщо число буде відємним то ми перемножим пізніше на -1
    var vidstan_y = y - <?php echo $row_users['y']; ?>; //знаходимо відстань між початковою точкою по у та кінцевою точкою по у + віднімаємо висоту верхнього блоку. Якщо число буде відємним то ми перемножим пізніше на -1
    var vidstan = Math.sqrt(vidstan_x*vidstan_x) + Math.sqrt(vidstan_y*vidstan_y); // вичисляю відстань від початку розміщення обєкта до кінцевої його точки координат

<div id=update_us>
<?php
    $query = mysql_query("select * from users where login='$login'")or die("stop: ".mysql_error);
    $row_users = mysql_fetch_array($query);
    $user_reg = $row_users['city'];
?>
</div>

 <?php echo $row_users['x'];?>

        setInterval(function(){ 
        $("#update_us").load("game.php #update_us");
        }, 5000);

<?php
if(isset($_GET['id_clic']))
{
    $get_id_clic = $_GET['id_clic'];
    $query = mysql_query("UPDATE users SET `house`='$get_id_clic' WHERE login='$login' ")  or die("Савсэм плохо: " . mysql_error());
}
?>


<div id=update_us>
<?php
    $query = mysql_query("select * from users where login='$login'")or die("stop: ".mysql_error);
    $row_users = mysql_fetch_array($query);
    $user_reg = $row_users['city'];
    $id_clic = $row_users['house'];
    
    $click_img = mysql_query("select * from city where id='$id_clic'")or die("stop: ".mysql_error);
    $row_click_img = mysql_fetch_array($click_img);
    $click_img_x = $row_click_img['x'];
    $click_img_y = $row_click_img['y'];
?>
</div>



<div id=top_right>
 <?php echo $row_click_img['x']?> // при кожному клику по силці через що і відбувається обновлення блоку на екран виводиться нове значення змінної, так і має бути
<?php echo $row_click_img['у']?>
</div>


<script type="text/javascript">
function loc(id){
// відправляємо гет запит
    $.ajax({
        type: "GET",
        url: "game.php",
        data: "id_clic="+id,
    });
        
//оновлюємо два блоки для того щоб отримати нові значення змінних з бази
    $("#update_us").load("game.php #update_us"); 
    $("#top_right").load("game.php #top_right");    
 }


function setPosition(obj, x, y) {    
...
//ці змінні цілий час мають одне і теж саме значення яке отримали при загрузці сторінки, але $row_click_img['x'] та $row_click_img['у'] уже мають інше значення і це значення виводить на екран
        ruch_left = (<?php echo $row_click_img['x']?>+<?php echo $row_click_img['width']/3; ?>)+'%';
        ruch_top = (<?php echo $row_click_img['y']?>+<?php echo $row_click_img['height']-5; ?>)+'%';
...
}
</script>

<a href='#' onclick=loc($id_dom);return false> => </a> //На екрані є кілька таких силок в яких значення 
//змінної id_dom є різні. При клику на них ці значення записуються в базу. після чого обновляється блок в 
//якому ми получаємо нові значення зміних. Потім ці змінні ми виводимо на екран для того щоб впевнитися що
// при клиці ми зразу ж отримали нові значення змінних. І все правильно виводить, але в тому куску коду який заключається в <script type='text/javascript'> </script> значення змінних по невідомих для мене причинах чомусь не хочуть мінятися!