/**
//////////////////////////////////////////////////
//                     TEST                     //
//                   Creato da                  //
//                  Beppe Turco                 //
/////////////////////////////////////////////////

//Modificando la parte qui sotto si può adattarlo alle vostre esigenze!!
**/

// numero righe e di colonne del test
var NROW=22;
var NCOL=10;

//nella variabile color i due colori delle celle !!!!NON MODIFICARE QUESTA RIGA!!!!
var color=new Array(2);

//i due colori, si possono modificare
color[0]="#ffffcc";
color[1]="#000099";

// Volete che le celle vengano colorate in automatico? --> auto=1, altrimenti auto=0
var auto=1;

//i numeri da inserire nelle celle, attenzioni che devono essere compatibili
//con il valore NROW e NCOL!!!!
var valori=  "01,03,02,26,07,33,14,07,30,03;"+
	     "23,13,06,23,04,14,23,16,15,25;"+
	     "23,22,06,25,20,15,23,07,24,22;"+
	     "01,03,06,02,26,21,06,16,04,04;"+
	     "21,32,28,28,10,21,01,29,29,29;"+
             "07,13,33,03,16,20,03,16,33,03;"+
	     "09,23,13,13,22,16,30,07,24,25;"+
             "09,02,03,02,08,31,32,16,24,09;"+
	     "01,05,14,11,11,04,26,27,08,25;"+
	     "12,12,32,31,12,15,32,31,08,32;"+
	     "08,24,11,11,26,20,33,03,14,12;"+
             "02,32,13,02,33,01,31,11,08,31;"+
	     "14,10,30,28,14,25,32,33,32,12;"+
	     "05,06,21,17,31,02,24,24,10,29;"+
	     "12,02,07,07,26,04,33,03,28,32;"+
	     "10,19,07,18,06,19,19,29,31,02;"+
	     "05,06,21,17,31,02,24,24,10,29;"+
             "01,05,03,03,30,04,11,32,01,31;"+
	     "15,06,05,07,06,31,24,11,28,32;"+
             "31,02,07,07,30,03,04,05,32,31;"+
	     "12,12,32,31,12,15,32,31,08,32;"+
	     "02,17,07,07,20,04,22,03,31,01;";

//Le domande, potete metterne quante ne volete
var domande=new Array("Quale delle seguenti è una u.d.m. del S.I.?",
         	      "Quali dei seguenti valori corrispondono alla lunghezza 0,25m?",
		      "Quali dei seguenti valori corrispondono all'area 0,25m^2?",
		      "Quali dei seguenti valori corrispondono al volume 0,25m^3?",
		      "620*10^-5 è uguale a",
		      "0,62*10^5 è uguale a",
		      "0,0012 è uguale a",
		      "1200 è uguale a",
		      "L'unità di misura della lunghezza è attualmente definita attraverso",
		      "Quali fra le seguenti grandezze fisiche hanno u.d.m. derivate?",
		      "Due grandezze fisiche le posso moltiplicare...");

//Una riga per ogni domanda, tre devono essere le possibili risposte, separate dal
//simbolo |. Il quale va ripetuto alla fine della riga.
// Attenzione!!! Il numero di risposte deve essere coerente con il numero di domande
var risposte=new Array("Pascal|Volt|Candela|",
		       "25cm|25dm|25mm|",
		       "25dm^2|25cm^2|25mm^2|",
		       "250cm^3|250dm^3|2500mm^3|",
		       "0,0062|0,0000062|0,62|",
		       "62000|6200|620|",
		       "1,2*10^3|1,2*10^-3|1,2*10^-2|",
		       "1,2*10^3|1,2*10^-3|1,2*10^2|",
		       "un metro campione|lo spazio percorso dalla luce in un dato tempo|il meridiano terrestre|",
		       "altezza|intensità di corrente elettrica|velocità|",
		       "solo se sono le stesse|solo se sono omogenee|sempre|");

											 
//Il numero da associare ad ogni risposta (attenzione alla coerenza)
var numRisposta=new Array("01|02|03|",
		          "04|05|06|",
			  "07|08|09|",
			  "10|11|12|",
			  "13|14|15|",
			  "16|17|18|",
			  "19|20|21|",
			  "22|23|24|",
			  "25|26|27|",
			  "28|29|30|",
			  "31|32|33|");



/*****************************************************
*                                                    *
*                     Da qui in poi                  *
*                                                    *
*                  non modificate nulla              *
*                                                    *
*                                                    *
******************************************************
**/
//Array delle risposte
var rispArray;
// Array del numero da associare ad ogni risposta
var numRArray;
// l'array dei valori da associare ad ogni cella
var celle=new Array(NROW*NCOL);

// Funzione che imposta in modo corretto tutti gli array
function assegnaValori(){
		var rpos=-1, rposT=0, cpos=-1, cposT=0;
		tempString="";
		//imposta i valori delle celle
		for(r=0;r<NROW;r++){
			rposT=valori.indexOf(';',rpos+1);
			tempString=valori.substring(rpos+1,rposT)+",";
			rpos=rposT;
			for(c=0;c<NCOL;c++){
					cposT=tempString.indexOf(',',cpos+1);
					celle[r*NCOL+c]=tempString.substring(cpos+1,cposT);
					cpos=cposT;
			}
			cpos=-1;
		}
		//imposta l'array delle rispose e i relativi numeri
		rispArray=new Array(risposte.length*3);
		numRArray=new Array(risposte.length*3);
		var pos=-1, posT=0, posn=-1, posnT=0;
		for(d=0;d<risposte.length;d++){
		  pos=-1;
			posn=-1;
		  for(r=0;r<3;r++){
					posT=risposte[d].indexOf("|",pos+1);
					posnT=numRisposta[d].indexOf("|",posn+1);
					rispArray[d*3+r]=risposte[d].substring(pos+1,posT);
					numRArray[d*3+r]=numRisposta[d].substring(posn+1,posnT)
					pos=posT;
					posn=posnT;
			}
		}
}

// contenuto del div Celle
var cont="";

//tiene conto del numero di domanda
var stato=0;


// riempie il div celle e inizializza le variabili (con la chiamata ad assegnaValori()
function riempi(id)
{
 assegnaValori();
 var tId="";
 box=document.getElementById(id);
 //La parte non ripetitiva <table>....
 inizio();
 //la parte con righe e celle
 for(i=0;i<NROW;i++){
 		cont=cont+"<tr>";
 		for(j=0;j<NCOL;j++){
		  tId="c"+i+j;
			cont=cont+"<td align='center' style='background-color:"+color[0]+";color:"+color[1]+";' id='"+tId+"' "
			//se non deve colorare in automatico abilita il gestore degli eventi onclick
			if(auto==0)
			   cont=cont+"OnClick='flip(\""+tId+"\")'";
			cont=cont+">"+celle[i*NCOL+j]+"</td>";
		}
		cont=cont+"</tr>";
 }
 //Parte finale della tabella
 fine();
 
 box.innerHTML=cont;
 //carica le domande e le risposte 
 carica();
}


function carica(){
	
	dom=document.getElementById("domanda");
	risp1=document.getElementById("risposta1");
	risp2=document.getElementById("risposta2");
	risp3=document.getElementById("risposta3");
	dom.innerHTML=(stato+1)+") "+domande[stato];
	risp1.innerHTML=numRArray[stato*3]+") "+rispArray[stato*3];
	risp2.innerHTML=numRArray[stato*3+1]+") "+rispArray[stato*3+1];
	risp3.innerHTML=numRArray[stato*3+2]+") "+rispArray[stato*3+2];
}


//parte iniziale della tabella
function inizio()
{
 			cont="<table border='1' cellpadding='0' cellspacing='0' width='100%' height='100%'>";
}

//parte finale della tabella
function fine()
{
 cont=cont+"</table>";
}


//passa fra i due colori della cella
function flip(id)
{
 		obj=document.getElementById(id);
		if(obj.style.backgroundColor==color[0]){
			flipC(id);
		}
		else{alert(""+obj.style.backgroundColor["r"]+"=="+color[0]);
			flipD(id);
		}
}

//colora la cella
function flipC(id){
		obj=document.getElementById(id);
		obj.style.backgroundColor=color[1];
		obj.style.color=color[0];
}


//decolora la cella
function flipD(id){
    obj=document.getElementById(id);
		obj.style.backgroundColor=color[0];
		obj.style.color=color[1];
}


//colora tutte le cella contente num
function colora(num){
    
    for(r=0;r<NROW;r++){
			for(c=0;c<NCOL;c++){
			  if(celle[r*NCOL+c]==num){
					flipC("c"+r+c);
				}
			}
		}
}


//decolora tutte le cella contente num
function decolora(num){
    for(r=0;r<NROW;r++){
			for(c=0;c<NCOL;c++){
			  if(celle[r*NCOL+c]==num){
					flipD("c"+r+c);
				}
			}
		}
}






function avanti(f){
  if(auto!=0){
		for(n=0;n<f.risposta.length;n++){
			if(f.risposta[n].checked){
						colora(numRArray[stato*3+n]);
			}else{
			      decolora(numRArray[stato*3+n]);
			}
		}
	}
    if(stato<domande.length-1){
			stato++;
			carica();
		}
		
		
}

function indietro(f){
  if(auto!=0){
    for(n=0;n<f.risposta.length;n++){
			if(f.risposta[n].checked){
						colora(numRArray[stato*3+n]);
			}else{
			      decolora(numRArray[stato*3+n]);
			}
		}
	}
    if(stato>0){
			stato--;
			carica();
		}
}