$(document).bind('mousedown', onDocumentMouseDown);
   $(document).bind('mousewheel', onDocumentMouseWheel);
   $(document).bind('touchstart', onDocumentTouchStart);
   $(document).bind('touchmove', onDocumentTouchMove);

function onDocumentMouseDown(e) {

    e.preventDefault();
    detectHotspotClick(e.pageX,e.pageY);

}

function onDocumentTouchStart(e) {

    e.preventDefault();

    var event = e.originalEvent;

    if (event.touches.length == 1) {
        var t=event.touches[0];
        draggingY = t.pageY;
        detectHotspotClick(t.pageX,t.pageY);
    }

    if (event.touches.length == 2) {

        var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX;
        var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY;
        _touchZoomDistanceEnd = _touchZoomDistanceStart = Math.sqrt( dx * dx + dy * dy );

    }
}

function detectHotspotClick(x,y){

    console.log('detectHotspotClick('+ x + "," + y+ ")" );

    var raycaster = new THREE.Raycaster();
    var mouse = new THREE.Vector2();

    mouse.x =  ( x / renderer.domElement.width ) * 2 - 1;
    mouse.y = - ( y / renderer.domElement.height ) * 2 + 1;

    raycaster.setFromCamera( mouse, camera );

    var intersects = raycaster.intersectObjects( targetList, true );

    if ( intersects.length > 0)
        hotspotClick(intersects[ 0 ].object);
}