#kineticmap {
    border: solid 2px #000;
    height: 500px;
    width: 800px;
    overflow: hidden;
    cursor: move;
    position: absolute;
    z-index: 9;
    display: none;
}

#kineticmap > #inner {
    width: 2000px;
    height: 2000px;
    cursor: move;
}

#kineticmap > #inner img {
    display: block;
    width: 2000px;
    cursor: move;
}

#kartamira a {
cursor: pointer;
}

<script src="https://forumstatic.ru/files/0014/ea/08/43835.js" type="text/javascript" charset="utf-8"></script>
<script type='text/javascript'>
$(document).ready(function () {
                $('#kineticmap').kinetic();

                $('#left').click(function(){
                    $('#kineticmap').kinetic('start', { velocity: -10 });
                });
                $('#right').click(function(){
                    $('#kineticmap').kinetic('start', { velocity: 10 });
                });
                $('#end').click(function(){
                    $('#kineticmap').kinetic('end');
                });
                $('#stop').click(function(){
                    $('#kineticmap').kinetic('stop');
                });
                $('#detach').click(function(){
                    $('#kineticmap').kinetic('detach');
                });
                $('#attach').click(function(){
                    $('#kineticmap').kinetic('attach');
                });
});

function toggleDiv (elem) {
 $(elem).toggle();
}
</script>

<div id="kartamira" style="height:50px;width:60px;border:red 0px solid;top:243px;margin-left:459px;position:absolute;z-index:1;">
<a title="Мировая [географическая] карта Фатарии" onClick='toggleDiv($("#kineticmap"))'><img src="https://forumstatic.ru/files/000e/4d/84/94404.png"></a>
</div>
<div id="kineticmap" class="kinetic-active" style="cursor: move;">
                <div id="inner">
                    <img src="http://s3.uploads.ru/59FNG.jpg" alt='fataria' width="2000px" height="2000px">
                </div>
</div>