$(document).ready(function(){
    var vH=$('#viewer').height();
    var vW=$('#viewer').width();
    var vT=$('#viewer').offset().top;
    var vL=$('#viewer').offset().left;
    $('#viewer').mousemove(function(e){
        var ypos=e.pageY-vT;
        var xpos=e.pageX-vL;
        var y=Math.round(ypos/vW*100);
        var x=Math.round(xpos/vH*60);
       // $('#test').val(x+' , '+y);
        $('#viewer').css({backgroundPosition: x+'% '+y+'%'});
    });
});