var ci = 1;
var decision=new Array(45);

function commitHiddenField()
{
   //set the value of the hidden field to the contents of the array
   obj = document.getElementById('ctl00_cphQuiz_compMain1_myHiddenField');
   obj.value='';
   var i=0;

    for (i=0;i<=44;i++)
    {
        obj.value+=decision[i] + '|';
    }


   //this.click();
}


function setCi()
{
        //this function has been called so we know that there is an array stored in the
        //hidden field
        //now find the first index of a wrong answer and set ci
	    obj = document.getElementById('ctl00_cphQuiz_compMain1_myHiddenField');
	    if(obj.value.length>0)
	    {
	        var i=0;
	        var locatedWrongAnswer='false';
            var mySplitResult = obj.value.split("|");
            
            while(i<mySplitResult.length && locatedWrongAnswer=='false')
            {
	           if(mySplitResult[i].length<=0)
	           {
	            locatedWrongAnswer='true'
	            ci=i+1
	           }
	           i=i+1; 
	        }
	    }
	    
	    si(ci);
    
        showQuestion(ci)
}

function checkState(thisClientId,clientId1,clientId2,clientId3,questionNumber,answer)
{
    var thisImg = document.getElementById(thisClientId);
    var img1 = document.getElementById(clientId1);
    var img2 = document.getElementById(clientId2);
    var img3 = document.getElementById(clientId3);
    
    //alert(thisClientId + "," + clientId1 + "," + clientId2 + "," + clientId3 + "," + questionNumber + "," + answer)
    
    //set all images to off
    img1.src='app_graphics/check_off.gif';
    img2.src='app_graphics/check_off.gif';
    img3.src='app_graphics/check_off.gif';
    
    //turn on the one that was clicked
    thisImg.src='app_graphics/check_on.gif';
        
    //need to set the decison array value here next
    
    decision[(questionNumber-1).toString()]=answer;
    //alert('decision[' + (questionNumber-1).toString() + ']=' + answer);
       
    //set the thumbnail to grey
    var timg = document.getElementById("tmb" + questionNumber.toString());
    timg.src = "app_images/" + questionNumber.toString() + "-grey.jpg";
      
    //show how many now answered
    howManyAnswers(); 
    
}


function showQuestion(ci)
{
    //turn all questions off
    var i=0;
    for (i=1;i<=45;i++)
    {
        obj = document.getElementById('question' + i); 
        obj.style.display = 'none';
	    obj.style.position = 'relative';
    }

    //set the questionNumber
	//obj = document.getElementById('question' + ci); 
    //obj.style.display = 'block';
	//obj.style.position = 'relative'    
    
    //turn selected question on
	obj = document.getElementById('question' + ci); 
    obj.style.display = 'block';
	obj.style.position = 'relative';



}

function howManyAnswers()
{
    //count how many slots are filled in the decisions array
    var i=0;
    var x;
    
    
    for (x in decision)
    {
        if(decision[x].toString().length>0)
            i++;
    }

	document.getElementById('howManyAnswers').innerHTML = i;
	
    if(i==45)
    {
        //turn finish on
	    obj = document.getElementById('finished'); 
        obj.style.display = 'block';
	    obj.style.position = 'relative';
        //turn waiting off
	    obj = document.getElementById('waiting'); 
        obj.style.display = 'none';
	    obj.style.position = 'relative';
	    
	}
	else
	{
        //turn finish off
	    obj = document.getElementById('finished'); 
        obj.style.display = 'none';
	    obj.style.position = 'relative';
        //turn waiting on
	    obj = document.getElementById('waiting'); 
        obj.style.display = 'block';
	    obj.style.position = 'relative';
	}
	
}

function populateDecisionFromHiddenField()
{
	    obj = document.getElementById('ctl00_cphQuiz_compMain1_myHiddenField');
	    if(obj.value.length>0)
	    {
            var mySplitResult = obj.value.split("|");
            for(i = 0; i < mySplitResult.length; i++)
            {
	           decision[i]=mySplitResult[i]; 
	        }
	        
	        //set a new current index because we have answers
            setCi();

	    }
	    
	    howManyAnswers();
	    
	    
	   
	    
}

function nx()
{
    //if the hidden value exists find the next wrong answer
    //it could be the same index, lower or higher
	 var obj = document.getElementById('ctl00_cphQuiz_compMain1_myHiddenField');
	 
	    if(obj.value.length>0)
	    {
	        var nextFound='false';
            var mySplitResult = obj.value.split("|");
            var i=ci;
            
            //find a higher index
            while(i< mySplitResult.length && nextFound=='false')
            {
                if(mySplitResult[i].length<=0)
                {
                    ci=i+1;
                    nextFound='true';
                }
	           i+=1;
	        }
	        
	        //find a lower index
	        i=0;
            while(i< ci && nextFound=='false')
            {
                if(mySplitResult[i].length<=0)
                {
                    ci=i+1;
                    nextFound='true';
                }
	           i+=1;
	        }



	    }
        else
        {
           if (ci<45) ci++;
           else (ci=1);
        }
    
    si(ci);
    
    showQuestion(ci)
}

function px()
{
    //if the hidden value exists find the next wrong answer
    //it could be the same index, lower or higher
	 var obj = document.getElementById('ctl00_cphQuiz_compMain1_myHiddenField');

	    if(obj.value.length>0)
	    {
	        var prevFound='false';
            var mySplitResult = obj.value.split("|");
            var i=ci-2;
            
            
            //find a lower index
            while(i>-1 && prevFound=='false')
            {
                if(mySplitResult[i].length<=0)
                {
                    ci=i+1;
                    prevFound='true';
                }
	           i-=1;
	        }
	        
	        //find a higher index
	        i=44;
            while(i>-1 && prevFound=='false')
            {
                if(mySplitResult[i].length<=0)
                {
                    ci=i+1;
                    prevFound='true';
                }
	           i-=1;
	        }
	        

	        
	        
	    }
        else
        {
           if (ci>1) ci--;
           else (ci=45);
        }
    
    si(ci);

    showQuestion(ci)
}

function si(inum)
{
    cti();
    
    var mimg = document.getElementById("imgMain");
    var qimg = document.getElementById("imgQuestion");
    var timg = document.getElementById("tmb" + inum.toString());
    
    mimg.src = "app_images/m" + inum.toString() + ".jpg";
    qimg.src = "app_images/q" + inum.toString() + ".gif";
    
    if(timg.src.toString().indexOf('grey')>=0)
    {
    }
    else
    {
          timg.src = "app_images/" + inum.toString() + "-stroke.jpg";
    }
    
    
    ci=inum;

    showQuestion(ci)
}

function cti()
{
    for(var i=1; i<46; i++)
    {
        var tbimg = document.getElementById("tmb" + i.toString());
        
        if(tbimg.src.toString().indexOf('grey')>=0)
        {
        }
        else
        {
            tbimg.src = "app_images/" + i.toString() + ".jpg";
        }
    }
}

function clearSearch(el) 
{
    if (el.defaultValue==el.value) el.value = "";
    //if (el.value=="email address") el.value = "";
}

function toggleCheck(chkImgID, chkStateID)
{
    var chkImg = document.getElementById(chkImgID);
    var chkVal = document.getElementById(chkStateID);
    
    if (chkVal.value == "true")
    {
        chkImg.src = "app_graphics/bigcheck_off.gif";
        chkVal.value = "false";
        
    }
    else
    {
        chkImg.src = "app_graphics/bigcheck_on.gif";
        chkVal.value = "true";
    }
}


function toggleCheckFly(chkImgID, chkStateID)
{
    var chkImg = document.getElementById(chkImgID);
    var chkVal = document.getElementById(chkStateID);
    
    if(chkImgID=="ctl00_cphQuiz_formMain1_cbFly1_img")
    {
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly2_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly2_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly3_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly3_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly4_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly4_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly5_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly5_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly6_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly6_cs").value=false;
    }
    if(chkImgID=="ctl00_cphQuiz_formMain1_cbFly2_img")
    {
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly1_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly1_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly3_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly3_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly4_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly4_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly5_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly5_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly6_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly6_cs").value=false;
    }
    if(chkImgID=="ctl00_cphQuiz_formMain1_cbFly3_img")
    {
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly2_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly2_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly1_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly1_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly4_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly4_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly5_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly5_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly6_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly6_cs").value=false;
    }
    if(chkImgID=="ctl00_cphQuiz_formMain1_cbFly4_img")
    {
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly2_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly2_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly3_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly3_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly1_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly1_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly5_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly5_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly6_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly6_cs").value=false;
    }
    if(chkImgID=="ctl00_cphQuiz_formMain1_cbFly5_img")
    {
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly2_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly2_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly3_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly3_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly4_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly4_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly1_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly1_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly6_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly6_cs").value=false;
    }
    if(chkImgID=="ctl00_cphQuiz_formMain1_cbFly6_img")
    {
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly2_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly2_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly3_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly3_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly4_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly4_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly5_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly5_cs").value=false;
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly1_img").src="app_graphics/bigcheck_off.gif";
        document.getElementById("ctl00_cphQuiz_formMain1_cbFly1_cs").value=false;
    }
    
    if (chkVal.value == "true")
    {
        chkImg.src = "app_graphics/bigcheck_off.gif";
        chkVal.value = "false";
        
    }
    else
    {
        chkImg.src = "app_graphics/bigcheck_on.gif";
        chkVal.value = "true";
    }
}

function optionState(opAID, opBID, opThisID, stateID)
{
    var imgA = document.getElementById(opAID);
    var imgB = document.getElementById(opBID);
    var state = document.getElementById(stateID);


    if (opAID==opThisID)
    {
        imgA.src = "app_graphics/option_on.gif";
        imgB.src = "app_graphics/option_off.gif";
        state.value = "A";
        
    }
    else
    {
        imgA.src = "app_graphics/option_off.gif";
        imgB.src = "app_graphics/option_on.gif";
        state.value = "B";
    }
}