var dades;
var timeline = [];
var buscar="·àçéèíïóòúü";
var reem=['%b7','%e0','%e7','%e9','%e8','%ed','%ef','%f3','%f2','%fa','%fc'];

function codifica(str){

    for (i=0; i < 11; i++){
	regex= new RegExp(buscar[i],'g')
	str= str.replace(regex,reem[i]);
   } 
  return str;
}

//function inici(){
  
 
    var instructions = {
      type: "html-button-response",
      stimulus: "<p>En aquesta prova veuràs 120 cadenes de lletres, algunes de les quals són paraules en català, i altres són paraules inventades (pseudoparaules).</p>" +
          "<p>La teva tasca consisteix en decidir si cada cadena de lletres és o no una paraula en català.</p>" +
          "<p>Si coneixes la paraula prem la <strong><span class='verd'> tecla J </strong></span> del teclat i si no la coneixes prem la <strong><span class='vermell'>tecla F</strong></span>.</p>" +
          "<div style='width: 1400px;'>"+
          "<div style='float: center;'><img src='img/Teclat3.jpg'></img>" +
          "<p class='small'>La prova durarà uns 4 minuts. Pots repetir-la tantes vegades com vulguis. Es presentaran noves cadenes de lletres cada vegada que repeteixis la prova.</p></div>" +
          "</div>"+
          "<p><strong><span class='consell'>CONSELL:</strong></span> No premis la tecla J (resposta SÍ) a les paraules que no coneixes, ja que les respostes SÍ a paraules que no existeixen en català penalitzaran molt la teva puntuació.</p>",
      choices: ['CONTINUAR'],
	button_html:["<button class='jspsych-btn btn-imatge'>%choice%</button>"]

    };
    timeline.push(instructions);

	var inici = {
	  type: "html-keyboard-response",
	  stimulus: "<p>Posa els dits índexs sobre les lletres F i J.</p>" +
	     "<p>Prem la barra espaiadora per començar.</p>",
	  choices: [32],
	  post_trial_gap: 1000,
	  };
	timeline.push(inici);



  var stimuli = [
  
  {word: 'sofregir', word_validity: '1', critic: 'yes',IdStimuli:'6960'},
{word: 'persecutori', word_validity: '1', critic: 'yes',IdStimuli:'18902'},
{word: 'roser', word_validity: '1', critic: 'yes',IdStimuli:'11540'},
{word: 'nitrometà', word_validity: '1', critic: 'yes',IdStimuli:'27506'},
{word: 'flagel', word_validity: '1', critic: 'yes',IdStimuli:'24891'},
{word: 'pluralitat', word_validity: '1', critic: 'yes',IdStimuli:'22073'},
{word: 'relliscar', word_validity: '1', critic: 'yes',IdStimuli:'33849'},
{word: 'venturós', word_validity: '1', critic: 'yes',IdStimuli:'32300'},
{word: 'marató', word_validity: '1', critic: 'yes',IdStimuli:'31622'},
{word: 'ascomicets', word_validity: '1', critic: 'yes',IdStimuli:'17328'},
{word: 'xilòfon', word_validity: '1', critic: 'yes',IdStimuli:'24088'},
{word: 'rampant', word_validity: '1', critic: 'yes',IdStimuli:'14217'},
{word: 'picapedrell', word_validity: '1', critic: 'yes',IdStimuli:'3373'},
{word: 'entregirar', word_validity: '1', critic: 'yes',IdStimuli:'10813'},
{word: 'bufaforats', word_validity: '1', critic: 'yes',IdStimuli:'7582'},
{word: 'escrivania', word_validity: '1', critic: 'yes',IdStimuli:'200010'},
{word: 'corbina', word_validity: '1', critic: 'yes',IdStimuli:'40236'},
{word: 'paremiologia', word_validity: '1', critic: 'yes',IdStimuli:'33956'},
{word: 'ajornament', word_validity: '1', critic: 'yes',IdStimuli:'38864'},
{word: 'rescatar', word_validity: '1', critic: 'yes',IdStimuli:'13695'},
{word: 'escàpula', word_validity: '1', critic: 'yes',IdStimuli:'18119'},
{word: 'cervató', word_validity: '1', critic: 'yes',IdStimuli:'2945'},
{word: 'humà', word_validity: '1', critic: 'yes',IdStimuli:'20857'},
{word: 'cronograma', word_validity: '1', critic: 'yes',IdStimuli:'31709'},
{word: 'arcaisme', word_validity: '1', critic: 'yes',IdStimuli:'33969'},
{word: 'escullós', word_validity: '1', critic: 'yes',IdStimuli:'2208'},
{word: 'quadrangular', word_validity: '1', critic: 'yes',IdStimuli:'34655'},
{word: 'tropa', word_validity: '1', critic: 'yes',IdStimuli:'37158'},
{word: 'corona', word_validity: '1', critic: 'yes',IdStimuli:'14902'},
{word: 'alleujar', word_validity: '1', critic: 'yes',IdStimuli:'2155'},
{word: 'llúpia', word_validity: '1', critic: 'yes',IdStimuli:'3664'},
{word: 'dispost', word_validity: '1', critic: 'yes',IdStimuli:'5613'},
{word: 'invulnerable', word_validity: '1', critic: 'yes',IdStimuli:'36562'},
{word: 'revirada', word_validity: '1', critic: 'yes',IdStimuli:'17977'},
{word: 'contestar', word_validity: '1', critic: 'yes',IdStimuli:'3401'},
{word: 'follejar', word_validity: '1', critic: 'yes',IdStimuli:'32461'},
{word: 'rabassa', word_validity: '1', critic: 'yes',IdStimuli:'13191'},
{word: 'fogosament', word_validity: '1', critic: 'yes',IdStimuli:'9823'},
{word: 'robotitzar', word_validity: '1', critic: 'yes',IdStimuli:'30824'},
{word: 'escoliosi', word_validity: '1', critic: 'yes',IdStimuli:'18890'},
{word: 'síndrome', word_validity: '1', critic: 'yes',IdStimuli:'17902'},
{word: 'hirsutisme', word_validity: '1', critic: 'yes',IdStimuli:'21906'},
{word: 'estiuada', word_validity: '1', critic: 'yes',IdStimuli:'9029'},
{word: 'ai', word_validity: '1', critic: 'yes',IdStimuli:'6133'},
{word: 'confegir', word_validity: '1', critic: 'yes',IdStimuli:'14059'},
{word: 'deixondir', word_validity: '1', critic: 'yes',IdStimuli:'25172'},
{word: 'expedient', word_validity: '1', critic: 'yes',IdStimuli:'18161'},
{word: 'russòfil', word_validity: '1', critic: 'yes',IdStimuli:'36904'},
{word: 'acoltellar', word_validity: '1', critic: 'yes',IdStimuli:'28318'},
{word: 'factòtum', word_validity: '1', critic: 'yes',IdStimuli:'39710'},
{word: 'fràncic', word_validity: '1', critic: 'yes',IdStimuli:'10549'},
{word: 'cobertor', word_validity: '1', critic: 'yes',IdStimuli:'34461'},
{word: 'bandidatge', word_validity: '1', critic: 'yes',IdStimuli:'33791'},
{word: 'mediat', word_validity: '1', critic: 'yes',IdStimuli:'20866'},
{word: 'marieta', word_validity: '1', critic: 'yes',IdStimuli:'8008'},
{word: 'dolenteria', word_validity: '1', critic: 'yes',IdStimuli:'28602'},
{word: 'esquirol', word_validity: '1', critic: 'yes',IdStimuli:'7436'},
{word: 'cepelló', word_validity: '1', critic: 'yes',IdStimuli:'15906'},
{word: 'musiqueta', word_validity: '1', critic: 'yes',IdStimuli:'34112'},
{word: 'coleta', word_validity: '1', critic: 'yes',IdStimuli:'35222'},
{word: 'impiadós', word_validity: '1', critic: 'yes',IdStimuli:'29251'},
{word: 'ensopegada', word_validity: '1', critic: 'yes',IdStimuli:'40252'},
{word: 'rerecor', word_validity: '1', critic: 'yes',IdStimuli:'8132'},
{word: 'al·luvió', word_validity: '1', critic: 'yes',IdStimuli:'29203'},
{word: 'capplà', word_validity: '1', critic: 'yes',IdStimuli:'26110'},
{word: 'portell', word_validity: '1', critic: 'yes',IdStimuli:'39449'},
{word: 'incumbir', word_validity: '1', critic: 'yes',IdStimuli:'15487'},
{word: 'embutxacar', word_validity: '1', critic: 'yes',IdStimuli:'35246'},
{word: 'clemàstecs', word_validity: '1', critic: 'yes',IdStimuli:'38611'},
{word: 'emergent', word_validity: '1', critic: 'yes',IdStimuli:'27680'},
{word: 'pragmatisme', word_validity: '1', critic: 'yes',IdStimuli:'3519'},
{word: 'firandant', word_validity: '1', critic: 'yes',IdStimuli:'21647'},
{word: 'ressagot', word_validity: '1', critic: 'yes',IdStimuli:'7836'},
{word: 'visibilitat', word_validity: '1', critic: 'yes',IdStimuli:'35474'},
{word: 'fiacre', word_validity: '1', critic: 'yes',IdStimuli:'16888'},
{word: 'enguixador', word_validity: '1', critic: 'yes',IdStimuli:'39718'},
{word: 'benestant', word_validity: '1', critic: 'yes',IdStimuli:'29825'},
{word: 'mitjanament', word_validity: '1', critic: 'yes',IdStimuli:'9792'},
{word: 'deterioració', word_validity: '1', critic: 'yes',IdStimuli:'39303'},
{word: 'vodú', word_validity: '1', critic: 'yes',IdStimuli:'11104'},
{word: 'suor', word_validity: '1', critic: 'yes',IdStimuli:'26437'},
{word: 'meiosi', word_validity: '1', critic: 'yes',IdStimuli:'8847'},
{word: 'peronista', word_validity: '1', critic: 'yes',IdStimuli:'16266'},
{word: 'sotabosc', word_validity: '1', critic: 'yes',IdStimuli:'12267'},
{word: 'tarbar', word_validity: '0', critic: 'yes',IdStimuli:'55624'},
{word: 'gòveo', word_validity: '0', critic: 'yes',IdStimuli:'51725'},
{word: 'cartidasidol', word_validity: '0', critic: 'yes',IdStimuli:'79496'},
{word: 'colstapantós', word_validity: '0', critic: 'yes',IdStimuli:'78856'},
{word: 'contellet', word_validity: '0', critic: 'yes',IdStimuli:'70387'},
{word: 'endrixem', word_validity: '0', critic: 'yes',IdStimuli:'66675'},
{word: 'cerrura', word_validity: '0', critic: 'yes',IdStimuli:'59945'},
{word: 'pospat', word_validity: '0', critic: 'yes',IdStimuli:'57451'},
{word: 'queponemia', word_validity: '0', critic: 'yes',IdStimuli:'75756'},
{word: 'holina', word_validity: '0', critic: 'yes',IdStimuli:'56645'},
{word: 'raspallaure', word_validity: '0', critic: 'yes',IdStimuli:'77852'},
{word: 'copor', word_validity: '0', critic: 'yes',IdStimuli:'51461'},
{word: 'pimifansidra', word_validity: '0', critic: 'yes',IdStimuli:'79217'},
{word: 'llipidesiar', word_validity: '0', critic: 'yes',IdStimuli:'77222'},
{word: 'frasing', word_validity: '0', critic: 'yes',IdStimuli:'59351'},
{word: 'valill', word_validity: '0', critic: 'yes',IdStimuli:'55126'},
{word: 'pemadimís', word_validity: '0', critic: 'yes',IdStimuli:'71273'},
{word: 'aboncejar', word_validity: '0', critic: 'yes',IdStimuli:'600074'},
{word: 'bomenague', word_validity: '0', critic: 'yes',IdStimuli:'71344'},
{word: 'colplar', word_validity: '0', critic: 'yes',IdStimuli:'58764'},
{word: 'tol·lamits', word_validity: '0', critic: 'yes',IdStimuli:'74898'},
{word: 'comptarrar', word_validity: '0', critic: 'yes',IdStimuli:'74591'},
{word: 'aragocefanci', word_validity: '0', critic: 'yes',IdStimuli:'79256'},
{word: 'paveròs', word_validity: '0', critic: 'yes',IdStimuli:'59307'},
{word: 'resbobrar', word_validity: '0', critic: 'yes',IdStimuli:'68638'},
{word: 'gromaque', word_validity: '0', critic: 'yes',IdStimuli:'63521'},
{word: 'tapuè', word_validity: '0', critic: 'yes',IdStimuli:'53088'},
{word: 'ecgriliradie', word_validity: '0', critic: 'yes',IdStimuli:'80174'},
{word: 'caspat', word_validity: '0', critic: 'yes',IdStimuli:'54838'},
{word: 'magrontra', word_validity: '0', critic: 'yes',IdStimuli:'71968'},
{word: 'empestò', word_validity: '0', critic: 'yes',IdStimuli:'61264'},
{word: 'esgrucoguit', word_validity: '0', critic: 'yes',IdStimuli:'78397'},
{word: 'rorrar', word_validity: '0', critic: 'yes',IdStimuli:'57603'},
{word: 'quepavior', word_validity: '0', critic: 'yes',IdStimuli:'69748'},
{word: 'despans', word_validity: '0', critic: 'yes',IdStimuli:'59723'},
{word: 'corper', word_validity: '0', critic: 'yes',IdStimuli:'55470'}		   
  ];


  var comptador = 0;
  var trials = {
    timeline_variables: stimuli,
    randomize_order: true,
    timeline: [      
      {
        type: 'html-keyboard-response',
        stimulus: function(){ return "<p class='stimulus'>"+jsPsych.timelineVariable('word', true)+"</p>";
		},
		
        choices: ['j','f'],
	prompt: "<p>&nbsp;</p><p>&nbsp;</p><p><div style='display: inline-block; width:30em'><b>F</b>= 'No'</div><div style='display: inline-block; width:30em'><b>J</b>= 'Sí'</div></p>",
        post_trial_gap: 500,
        data: {
          word_validity: jsPsych.timelineVariable('word_validity'),
		  word: jsPsych.timelineVariable('word'),
		  critic: 'yes',
		  IdStimuli: jsPsych.timelineVariable('IdStimuli'),
        },
        on_finish: function(data){
	      ++comptador;		
		  jsPsych.setProgressBar(comptador / 120);			
          if(data.word_validity == '1'){
            var correct = data.key_press == jsPsych.pluginAPI.convertKeyCharacterToKeyCode('j');
          } else {
            var correct = data.key_press == jsPsych.pluginAPI.convertKeyCharacterToKeyCode('f');
          }
          data.correct = correct;
		  
		  }
      }
    ]
  }

  timeline.push(trials);



  var debrief = {
    type: 'html-keyboard-response',
    choices: ['c'],
	stimulus: function(){
		

//Debrief errors
      var words_results = jsPsych.data.get().filter({word_validity: '1'});
      var nonwords_results = jsPsych.data.get().filter({word_validity: '0'});
      var words_correct_trials = words_results.filter({correct:true});
      var nonwords_correct_trials = nonwords_results.filter ({correct:true});
      var words_accuracy = Math.round(words_correct_trials.count() / words_results.count() * 100);
      var nonwords_accuracy = Math.round(nonwords_correct_trials.count() / nonwords_results.count() * 100);
      var puntuacio = Math.round(words_accuracy - (100 - nonwords_accuracy));
      var P = (words_accuracy - (100 - nonwords_accuracy));

	if (puntuacio < 0) puntuacio=0;


     
var message = "Ho has fet millor que el <span class='resultat' id='pos'></span> de les <span id='partides'></span> persones que han jugat fins ara."+	
		"<p>D'acord amb els teus resultats coneixes aproximadament un <strong><span class='resultat'>"+ puntuacio +"%</span></strong> de les paraules de la llengua catalana. </p>"+
	    "<p>Has encertat un<strong> "+Math.round(words_accuracy)+"% </strong>de les paraules i un <strong>"+Math.round(nonwords_accuracy)+"% </strong>de les pseudoparaules.</p>"+
		"<p>Si vols més informació pots visitar les <a href='faqs.html' target='_blank'>Preguntes Freqüents (FAQs)</a>.</p>"+
		"<p>Ajuda'ns repetint la prova o compartint el teu resultat, gràcies!</p>";
	
	message+="<div id='xsocials' height='20em'></div>";
	
	message+= "<button class='jspsych-btn' onclick=\"location.href = 'testPC.php';\" style=\"width:15em\">Millora la puntuació</button>";
	message+="&nbsp;&nbsp;&nbsp;&nbsp;";
	message+= "<button class='jspsych-btn' onclick=\"location.href = 'index.php';\" style=\"width:15em\">Fes que ho provi algú altre</button>";
	message+= "<p>&nbsp;</p>";		



// Porta els resultats 
       
	  var dades0= jsPsych.data.get().filter({critic:'yes'}).json();
	  dades= JSON.parse(dades0); // Crea objecte structura

//Ordena l'estructura

  dades.sort(function (a, b) {
  if (a.word > b.word) {
    return 1;
  }
  if (a.word < b.word) {
    return -1;
  }
  // a must be equal to b
  return 0;
  });

      
      var taula=""; MTaula=false; //Mostrar taula si hi ha res a mostrar.
	  
      taula+= "<table width='40%' border='0' cellspacing='0' cellpadding='1' align='center' bgcolor='#003366' style=\"font-size:1.3em\">";
      taula+= "<tr><th colspan='2' align='left' bgcolor='#FFFFFF'>Paraules que no coneixes</th></tr>";


// Taula errors en Paraules

      var i;
      var j=dades.length;

	  for (i=0; i < j; i++){      
	  	if ((dades[i].correct == false) && (dades[i].word_validity == '1')){ 
		taula+= "<tr><td bgcolor='#FFFFFF' valign='right' width='26%'><a href='https://dlc.iec.cat/Results?DecEntradaText=" + dades[i].word + "' target='_blank'>";
		taula+= "<img src='img/search2.png' width='60em' height='30em' border='0' />" + "</a></td>";
       	 	taula+= "<td bgcolor='#FFFFFF'align='left'>" + dades[i].word + "</td>";        	
            
         taula+= "</tr>";
         MTaula=true;
		}
	  }      
      taula+= "</table>";
      taula+= "<div style=\"display:inline-block;height:2em;\">&nbsp;</div>";
      
      if (MTaula) message+= taula;
      var taula=""; MTaula=false; //Mostrar taula si hia res a mostrar.

// Taula errors en No paraules

      taula+= "<table width='40%' border='0' cellspacing='0' cellpadding='1' align='center' bgcolor='#003366' style=\"font-size:1.3em\">";
      taula+= "<tr><th colspan='2' align='left' bgcolor='#FFFFFF'>Pseudoparaules fallades</th></tr>";
 
      
	  for (i=0; i < j; i++){
	  	if ((dades[i].correct == false) && (dades[i].word_validity == '0')){
		taula+= "<tr><td bgcolor='#FFFFFF' valign='middle' width='25%'>&nbsp;</td>";
       	 	taula+= "<td bgcolor='#FFFFFF'align='left'>" + dades[i].word + "</td>";        	
            MTaula=true;
	  	}
       }
      
      taula+= "</table><br>";

     if (MTaula) message+= taula;
      var taula=""; MTaula=false; //Mostrar taula si hia res a mostrar.


      taula+= "<table width='40%' border='0' cellspacing='0' cellpadding='1' align='center' bgcolor='#003366' style=\"font-size:1.3em\">";
      taula+= "<tr><th colspan='2' align='left' bgcolor='#FFFFFF'>Paraules que coneixes</th></tr>";

	  for (i=0; i < j; i++){      
	  	if ((dades[i].correct == true) && (dades[i].word_validity == '1')){
		taula+= "<tr><td bgcolor='#FFFFFF' valign='right' width='25%'><a href='https://dlc.iec.cat/Results?DecEntradaText=" + dades[i].word + "' target='_blank'>";
		taula+= "<img src='img/search2.png' width='60em' height='30em' border='0' />" + "</a></td>";
       	 	taula+= "<td bgcolor='#FFFFFF'align='left'>" + dades[i].word + "</td>";        	
            
         taula+= "</tr>";
         MTaula=true;
		}
	  }      
      taula+= "</table>";
      taula+= "<div style=\"display:inline-block;height:2em;\">&nbsp;</div>";

     if (MTaula) message+= taula; //Mostrar taula si hia res a mostrar.
	   
	

	 	
//========== Envia les dades =================
var xhr = new XMLHttpRequest();
xhr.open('POST', 'resposta.php');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onload = function() {
    if (xhr.status === 200) {
	var t = JSON.parse(xhr.responseText);
	document.getElementById('pos').innerHTML= t.puntuacio;
	document.getElementById('xsocials').innerHTML= t.xsocials;
	document.getElementById('partides').innerHTML= t.partides;
    }
    else {
        alert('Request failed.  Returned status of ' + xhr.status);
    }
};
xhr.send('dades=' + dades0 + '&P=' + P);

//========== Final les dades =================

      return message;	
	
    }
  }
  timeline.push(debrief);

  jsPsych.init({
    timeline:timeline,
    show_progress_bar: true,
	auto_update_progress_bar: false,
    on_finish: function() {

    },
    default_iti: 250
  });
//}