var vrEffect, effect;
var vrControls, controls;
var isVrMode = false;

// 初期化処理に追加
vrEffect = new THREE.VREffect( renderer );
effect = renderer;
vrControls = new THREE.VRControls( camera );
controls = vrControls;

// キーイベントで、VRモードのオン/オフ
function onkey( event ) {
    if(event.keyCode == '79' || event.keyCode =='86') { // v || o
        if(isVrMode) {
            escapeVr();
            isVrMode = false;
        } else {
            enterVr();
            isVrMode = true;
        } 
    } 
    event.stopPropagation();
}
window.addEventListener("keydown", onkey, true);
function enterVr() {
    // check to see if we are in iframe before setting fullscreen.
    if(!window.frameElement) {
        controls = vrControls;
        effect = vrEffect;
        effect.setFullScreen( true );
    }
}
function escapeVr() {
    // check to see if we are in iframe before setting fullscreen.
    if(!window.frameElement) {
        //effect.setFullScreen( false );
        effect = renderer;
        if (document.webkitCancelFullScreen) {
            document.webkitCancelFullScreen(); //Chrome15+, Safari5.1+, Opera15+
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen(); //FF10+
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen(); //IE11+
        } else if(document.cancelFullScreen) {
            document.cancelFullScreen(); //Gecko:FullScreenAPI仕様
        } else if(document.exitFullscreen) {
            document.exitFullscreen(); // HTML5 Fullscreen API仕様
        }
        renderer.setPixelRatio(window.devicePixelRatio);
        renderer.setSize(window.innerWidth, window.innerHeight);
    }
}

// ウィンドウサイズの処理
function update() {
    if(isVrMode) {
        // ヘッドトラッキングに対応
        if (typeof controls.update == 'function') {
            controls.update();
        } 
    }
    else {
        // マウスの操作結果に対応
        lat = Math.max(-85, Math.min(85, lat));
        phi = THREE.Math.degToRad(90 - lat);
        theta = THREE.Math.degToRad(lon);

        camera.target.x = Math.sin(phi) * Math.cos(theta);
        camera.target.y = Math.cos(phi);
        camera.target.z = Math.sin(phi) * Math.sin(theta);

        camera.lookAt(camera.target);
    }

    // video to image
    videoImageContext.drawImage(localVideo, 0, 0, videoImage.width, videoImage.height);
    if (videoTexture) {
        videoTexture.needsUpdate = true;
    }

    //renderer.render(scene, camera); // 既存の処理を無効に
    effect.render(scene, camera); // VR用レンダリングを行う
}