What's invisible doesn't want to become visible

What's happenning:

I have it set up so that when the user goes through the experience they go through a couple of warnings and then come to a checklist of things that need to be true before they begin the maintenance task. (This is an experience designed to train someone in how to do a maintenance task.) There are two different parts to the experience so they'll have to restart the experience in order to do it all.

The problem is that when you restart the experience that checklist I mentioned earlier doesn't show up and the button that they have to push to acknowledge an item on the checklist doesn't show up either. Meaning that the user is stuck with no way to go forward.

This is what I have so far and the relevant functions:

$scope.app.OkWarning2=function(){
 if($scope.view.wdg.Warning2.visible==true){
 $scope.PlayAudio('warning');
 $scope.hideAll();
 $scope.view.wdg.Warning2.visible=false;
 $scope.view.wdg["WarningAcknowledged"].visible=false;
 $timeout(function(){
 $scope.enableUI('CheckListPanel',false,false);
 //*********************************************
 //These are the widgets that are making trouble
 $scope.view.wdg.CheckListPanel.visible=true;
 $scope.view.wdg["CheckListImage"].visible=true;
 $scope.view.wdg.PingerButton.visible=true;
 //*********************************************
 $scope.app.speech.synthesizeSpeech({'text': 'Check that the following safety conditions have been met.'});
 }, 500);
 }
}

$scope.app.checklist=function(){
 if($scope.view.wdg.PingerButton.visible == true){
 $scope.view.wdg.PingerButton.visible=false;
 var Checkmark= "Checkmark"+$scope.i;
 $scope.view.wdg[Checkmark].visible=true;
 $scope.PlayAudio('check');
 if($scope.i<3){
 $scope.i=$scope.i+1;
 //moves the pinger button around on the checklist - there are four items on the list
 $scope.view.wdg.PingerButton.x=Pingerx[$scope.i];
 $scope.view.wdg.PingerButton.y=Pingery[$scope.i];
 $scope.view.wdg.PingerButton.z=Pingerz[$scope.i];
 $scope.view.wdg.PingerButton.visible=true;
 }
 else{
 $scope.begin();
 }
 }
} 

//Governs what happens when the user finishes the checklist
$scope.begin=function(){
 $timeout(function(){
 $scope.disableUI('CheckListPanel',false,false);
 $scope.view.wdg["CheckListImage"].visible=false;
 for(var j = 0; j < 4; j++){
 Checkmark= "Checkmark"+j;
 $scope.view.wdg[Checkmark].visible=false;
 }
 }, 300);
 $scope.setModelSequence($scope.currentSeqKey);
 $scope.view.wdg['model-1'].visible=true;
}

If anyone can offer any advice or words of encouragement that would greatly appreciated. 

Thanks in advance.