source: other-projects/playing-in-the-street/summer-2013/trunk/Playing-in-the-Street-WPF/Content/Web/tutorial.js@ 30121

window.setTimeout(shoulders,100)
var startPano = panorama.pano;

var msgBox;
function shoulders(){
    msgBox = document.getElementById("tutorialBox");
    msgBox.innerHTML = "move your shoulders side to side to look around. <br> keep the cursor on screen to use hand controls."; 
    window.setTimeout(grip,6000);
}

function grip(){
    document.getElementById( "pano" ).addEventListener( "handPointerLeave", handLeft);
    document.getElementById( "pano" ).addEventListener("handPointerEnter", handEntered);
    console.log("added annoying hand listeners");
    msgBox.innerHTML = "Close your hand into a grip and hold it to steady your view. <br> If the cursor doesn't close to a grip the kinect didn't notice so try again."; 
    window.addEventListener("handPointerGrip",didGrip);
}

var oldMessage;
function handLeft() {
    oldMessage = msgBox.innerHTML;
    msgBox.innerHTML = "please move your hand over the screen"; 
}

function handEntered() {
 msgBox.innerHTML = oldMessage;
}

function didGrip(){
    window.removeEventListener("handPointerGrip", didGrip);
    msgBox.innerHTML = "Great! <br> You may now move your gripped hand up and down to select and jump to distant panoramas."; 
    window.addEventListener("handPointerGripRelease",lostGrip);
}

function lostGrip(){
    //document.getElementById("kinectgripthing").innerHTML = jumpTargetLink;
    //alert("lostGrip " + jumpTargetLink);
    if(panorama.pano != startPano) {
        window.removeEventListener("handPointerGripRelease", lostGrip);
        //window.removeEventListener("handPointerLeave", handLeft);
        //window.removeEventListener("handPointerEnter", handEntered);
        msgBox.innerHTML = "Good work. This concludes the tutorial. <br> Have fun playing with the street!"; 
        window.setTimeout(end,5000);
    }
    else {
        window.addEventListener("handPointerGrip",didGrip);
        msgBox.innerHTML = "You don't seem to be gripping; grip again to resume the tutorial."; 
    }
}

function end(){
    //alert("end");
    msgBox.style.display = 'none';
}