//sort which browser used for correct object expression 
var docObj, styleObj;
var isNav4, isNavNew, isIE;
if(navigator.appName=="Netscape"){
    if (parseInt(navigator.appVersion) ==4) {isNav4=true }
	else {isNavNew=true}
    
}
 else{isIE=true}
     function handleResize() {
      location.reload()
 }

if (document.getElementById){ docObj = 'document.getElementById';styleObj='.style';}
if (document.all) { docObj = 'document.all'; styleObj='.style'; }
if (isNav4) {  docObj = 'document'; styleObj='';}

//to overcome refresh bug in netscape

if (isNav4 || isNavNew) {
                  window.captureEvents(Event.RESIZE)
                  window.onresize=handleResize
                 }


//setting up image arrays for roll over image swaps
if(document.images){
var blueReset= new Image();
    blueReset.src="gfx/HpageQbutton1.jpg";
var redOn= new Image();
    redOn.src="gfx/HpageQbutton2.jpg";

var greenOn= new Image();
    greenOn.src="gfx/HpageOn.gif";
var whiteOff= new Image();
    whiteOff.src="gfx/HpageOff.gif";
}



// function to start animation
var y1, y2, y3, y4, x5, x6,  sprite1, sprite2, sprite3, sprite4, sprite5, sprite6;
function startAnim1(){
//set up positions for hide graphics 2 & 3
if (document.getElementById){ sprite1=eval(docObj + '(\"hide2\")'+styleObj) }
else { sprite1=eval(docObj + '.' + "hide2" + styleObj) }
if (document.getElementById){ sprite2=eval(docObj + '(\"hide3\")'+styleObj) }
else { sprite2=eval(docObj + '.' + "hide3" + styleObj) }

y1=238; y2=247;
sprite1.top=y1;sprite2.top=y2;

//set up positions for take control graphics

if (document.getElementById){ sprite3=eval(docObj + '(\"take\")'+styleObj) }
else { sprite3=eval(docObj + '.' + "take" + styleObj) }
if (document.getElementById){ sprite4=eval(docObj + '(\"control\")'+styleObj) }
else { sprite4=eval(docObj + '.' + "control" + styleObj) }

y3=209; y4=209; sprite3.top=y3; sprite4.top=y4;

//set up positions for VCS and Start Here graphics

if (document.getElementById){ sprite5=eval(docObj + '(\"vcsBar\")'+styleObj) }
else { sprite5=eval(docObj + '.' + "vcsBar" + styleObj) }
if (document.getElementById){ sprite6=eval(docObj + '(\"StartHere\")'+styleObj) }
else { sprite6=eval(docObj + '.' + "StartHere" + styleObj) }
x5=-162; x6=62; sprite5.left=x5; sprite6.left=x6;

if (document.getElementById){ sprite7=eval(docObj + '(\"pageBar\")'+styleObj) }
else { sprite7=eval(docObj + '.' + "pageBar" + styleObj) }
sprite7.visibility="visible";

slide1();
}


//function to slide hide layers 2 & 3 up and down to reveal bar to simulate clipping effect in both browsers


function slide1(){


if(y1<225){sprite1.top=224; sprite2.top=260; startAnim2();}
else{ y1 -=2; y2 +=2;
sprite1.top=y1; sprite2.top=y2;
setTimeout('slide1()',120);
}

}

//when bar is revealed reveal VCS logo & slide out take control graphics

function startAnim2(){
//pop up logo

if (document.getElementById){ vcslogo=eval(docObj + '(\"Layer12\")'+styleObj) }
else { vcslogo=eval(docObj + '.' + "Layer12" + styleObj) }
vcslogo.visibility="visible";

setTimeout('slide2()',400)
}

//slide out take control
function slide2(){
sprite3.visibility="visible";
sprite4.visibility="visible";
if(y3<135){sprite3.top=132; sprite4.top=286; setTimeout('startAnim3()',400);}
else{ y3-=5; y4+=5;
sprite3.top=y3; sprite4.top=y4;
setTimeout('slide2()',20);
}

}

//slide out vcs and start here graphics
function startAnim3(){
if(x5>228){sprite5.left=242; sprite6.left==466; setTimeout('popUp1()',200);}
else{x5+=10; x6+=10; sprite5.left=x5; sprite6.left=x6;
       setTimeout('startAnim3()',20)
}
 
}


//show quiz set/reset button
var startButton;
function popUp1(){
if (document.getElementById){ startButton=eval(docObj + '(\"startButton\")'+styleObj) }
else { startButton=eval(docObj + '.' + "startButton" + styleObj) }
startButton.visibility="visible";

setTimeout('popUp2()',300); 

}
// show navigation menu buttons
var navMenu;
function popUp2(){

if (document.getElementById){ navMenu=eval(docObj + '(\"navMenu\")'+styleObj) }
else { navMenu=eval(docObj + '.' + "navMenu" + styleObj) }
navMenu.visibility="visible";
}

function setQuiz(){
//clear area above below bar & setUp statement and questions
//clear take control and start here/reset graphics
sprite6.visibility="hidden";
sprite3.visibility="hidden";
sprite4.visibility="hidden";

//resetting results Array & layers variable
i=0; L=15; x=0 


//if resetting - clear any text
var resetText;
for(rt=16; rt<34; rt++){
if (document.getElementById){ resetText=eval(docObj + '(\"Layer'+ rt +'\")'+ styleObj) }
else { resetText=eval(docObj + '.' + "Layer" + rt + styleObj) }
resetText.visibility="hidden";
}

var statement1, quest1, yesNoButtons;
if (document.getElementById){ statement1=eval(docObj + '(\"Layer14\")'+styleObj) }
else { statement1=eval(docObj + '.' + "Layer14" + styleObj) }

if (document.getElementById){ quest1=eval(docObj + '(\"Layer15\")'+styleObj) }
else { quest1=eval(docObj + '.' + "Layer15" + styleObj) }

if (document.getElementById){ yesNoButtons=eval(docObj + '(\"Layer11\")'+styleObj) }
else { yesNoButtons=eval(docObj + '.' + "Layer11" + styleObj) }

statement1.visibility="visible";
quest1.visibility="visible";
yesNoButtons.visibility="visible";
}


// storing yes/no responses from questionaire into array called results

var results= new Array();
function anAnswer(R){
if(i<5) results[i]=R;

i++;
var removeStatement, removeQuest5;
var RQ=L, AQ=L+1;
var removeQuest, addQuest;

// if all 5 questions have been asked remove statement1 & question5 for display of an appropriate option-response
if (i==5){
if (document.getElementById){ removeStatement=eval(docObj + '(\"Layer14\")'+styleObj) }
else { removeStatement=eval(docObj + '.' + "Layer14" + styleObj) }

if (document.getElementById){ removeQuest5=eval(docObj + '(\"Layer19\")'+styleObj) }
else { removeQuest5=eval(docObj + '.' + "Layer19" + styleObj) }
		 
          removeStatement.visibility="hidden";
          removeQuest5.visibility="hidden";
	  sortIt();
}

//otherwise remove and replace a sequence of questions
else{  if(L<19){
if (document.getElementById){ removeQuest=eval(docObj + '(\"Layer'+ RQ +'\")'+styleObj) }
else { removeQuest=eval(docObj + '.' + "Layer" + RQ +styleObj) }
							
if (document.getElementById){ addQuest=eval(docObj + '(\"Layer'+ AQ +'\")'+styleObj) }
else { addQuest=eval(docObj + '.' + "Layer" + AQ +styleObj) }
							
       removeQuest.visibility="hidden";
       addQuest.visibility="visible";
       L++ }  
}
}


//start of sorting process matching results array against most appropriate response option

// initialising option arrays

var option1= new Array(0,0,0,0,0);
var option2= new Array(0,0,0,1,0);
var option3= new Array(0,1,0,1,0);
var option4= new Array(1,1,0,1,0);
var option5= new Array(1,1,1,1,0);
var option6= new Array(1,1,1,1,1);
var x=0
function sortIt(){

while(x==0){
if(isMatched(1)){x=1;  printRes(20,21);}
if(isMatched(2)){x=1;  printRes(22,23);}
if(isMatched(3)){x=1;  printRes(24,25);}
if(isMatched(4)){x=1;  printRes(26,27);}
if(isMatched(5)){x=1;  printRes(28,29);}
if(isMatched(6)){x=1;  printRes(30,31);}
else {if(x==0){x=1; printRes(32,33);}} 
}
}
//matching results array against option arrays
function isMatched(a){
r=0
ANS=eval("option"+a);
for (i=0; i<5; i++){
 if (results[i]==ANS[i]) r++
}
if(r==5) return true; else return false;
}

function printRes(optA,optB){

if (document.getElementById){ optPartA=eval(docObj + '(\"Layer'+ optA +'\")'+styleObj) }
else { optPartA=eval(docObj + '.' + "Layer" + optA +styleObj) }

if (document.getElementById){ optPartB=eval(docObj + '(\"Layer'+ optB +'\")'+styleObj) }
else { optPartB=eval(docObj + '.' + "Layer" + optB +styleObj) }

optPartA.visibility="visible";
optPartB.visibility="visible";

if (document.getElementById){ yesNoButtons=eval(docObj + '(\"Layer11\")'+styleObj) }
else { yesNoButtons=eval(docObj + '.' + "Layer11" +styleObj) }
yesNoButtons.visibility="hidden";
sprite6.visibility="visible";

}