
<STYLE type=text/css>BODY {
	FONT-SIZE: small; MARGIN-LEFT: 5%; COLOR: #ffffff; MARGIN-RIGHT: 5%; FONT-FAMILY: Geneva,Arial; BACKGROUND-COLOR: #cbc572
}
P {
	FONT-SIZE: small; MARGIN: 0px; TEXT-ALIGN: justify
}
TABLE {
	FONT-SIZE: small
}
TR {
	FONT-SIZE: small
}
TD {
	FONT-SIZE: small
}
DIV {
	FONT-SIZE: small
}
SPAN {
	FONT-SIZE: small
}
SPAN.CorrectAnswer {
	FONT-WEIGHT: bold; FONT-STYLE: italic
}
DIV.Titles {
	MARGIN-BOTTOM: 4px; COLOR: #804040; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.ExerciseTitle {
	FONT-SIZE: large; COLOR: #804040
}
.ExerciseSubtitle {
	COLOR: #804040
}
SPAN.Instructions {
	
}
DIV.ExerciseText {
	LINE-HEIGHT: 2; TEXT-ALIGN: justify
}
.FeedbackText {
	
}
DIV.Feedback {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; DISPLAY: none; PADDING-LEFT: 5px; FONT-SIZE: small; Z-INDEX: 1; LEFT: 1px; PADDING-BOTTOM: 5px; BORDER-LEFT: 1px solid; COLOR: #804040; PADDING-TOP: 5px; BORDER-BOTTOM: 1px solid; POSITION: absolute; TOP: 33%; BACKGROUND-COLOR: #cbc572; TEXT-ALIGN: center
}
DIV.ExerciseDiv {
	COLOR: #ffffff
}
DIV.StdDiv {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 8px; FONT-SIZE: smaller; PADDING-BOTTOM: 8px; MARGIN: 1px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; PADDING-TOP: 8px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #008080; TEXT-ALIGN: center
}
.FunctionButton {
	BORDER-RIGHT: #008080 2px solid; PADDING-RIGHT: 6px; BORDER-TOP: #008080 2px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; BORDER-LEFT: #008080 2px solid; CURSOR: pointer; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #008080 2px solid; BACKGROUND-COLOR: #008080; TEXT-ALIGN: center
}
DIV.NavButtonBar {
	CLEAR: both; FONT-SIZE: small; MARGIN: 2px 0px; BACKGROUND-COLOR: #000066; TEXT-ALIGN: center
}
DIV.NavButtonBar BUTTON {
	BORDER-RIGHT: #000066 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000066 2px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000066 2px solid; CURSOR: pointer; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000066 2px solid; BACKGROUND-COLOR: #000066
}
A {
	COLOR: #0000ff
}
UNKNOWN {
	COLOR: #0000cc
}
A:hover {
	COLOR: #0000ff
}
</STYLE>

<SCRIPT type=text/javascript>
//<![CDATA[
<!--

// BrowserCheck Object

function BrowserCheck() {
	var b = navigator.appName;
	this.mac = (navigator.appVersion.indexOf('Mac') != -1);
	if (b=="Netscape") this.b = 'ns';
	else if (b=="Microsoft Internet Explorer") this.b = 'ie';
	else this.b = b;
	this.ns = (this.b == 'ns');
	this.ie = (this.b == 'ie');
	this.version = navigator.appVersion;
	if (this.b == 'ie'){
		var x = this.version.indexOf('MSIE ') + 5;
		var vnum = '';

		while ((this.version.charAt(x) > -1)&&(this.version.charAt(x) < 10)){
			vnum += this.version.charAt(x);
			x++;
		}
		this.v = parseInt(vnum);
	}
	else{
		this.v = parseInt(this.version);
	}
	if (this.ns&&(this.v == 5)){
		this.v = 6;
	}
	this.min = (this.v > 5);
}

is = new BrowserCheck();

if (is.min == false){
	alert('Your browser can\'t handle this page. You need NS6+ or IE6+ on Windows, or NS6+ on Mac.');
}

function PageDim(){
//Get the page width and height
	this.W = 600;
	this.H = 400;
	if (is.ns) this.W = window.innerWidth;
	if (is.ie) this.W = document.body.clientWidth;
	if (is.ns) this.H = window.innerHeight;
	if (is.ie) this.H = document.body.clientHeight;
}

var pg = null;

function SuppressBackspace(e){ 
	if (is.ns) {
		thisKey = e.keyCode;
	}
	else {
		thisKey = window.event.keyCode;
	}

var Suppress = false;

	if (thisKey == 8) {
		Suppress = true;
	}

	if (Suppress == true){
		if (is.ie){
			window.event.returnValue = false;	
			window.event.cancelBubble = true;
		}
		else{
			e.preventDefault();
		}
	}
}

var NavLightColor = '#7f7fb2';
var NavShadeColor = '#000033';
var NavBarColor = '#000066';
var FuncLightColor = '#a9c6dd';
var FuncShadeColor = '#29475d';
var ExBGColor = '#008080';

function NavBtnOver(Btn){
	Btn.style.padding = '1px 3px 3px 1px';
	Btn.style.borderLeftColor = NavLightColor;
	Btn.style.borderTopColor = NavLightColor;
	Btn.style.borderRightColor = NavShadeColor;
	Btn.style.borderBottomColor = NavShadeColor;
}

function NavBtnOut(Btn){
	Btn.style.borderColor = NavBarColor;
	Btn.style.padding = '2px 2px 2px 2px';
}

function NavBtnDown(Btn){
	Btn.style.borderLeftColor = NavShadeColor;
	Btn.style.borderTopColor = NavShadeColor;
	Btn.style.borderRightColor = NavLightColor;
	Btn.style.borderBottomColor = NavLightColor;
	Btn.style.padding = '3px 1px 1px 3px';
}

function FuncBtnOver(Btn){
	Btn.style.padding = '2px 7px 4px 5px';
	Btn.style.borderLeftColor = FuncLightColor;
	Btn.style.borderTopColor = FuncLightColor;
	Btn.style.borderRightColor = FuncShadeColor;
	Btn.style.borderBottomColor = FuncShadeColor;
}

function FuncBtnOut(Btn){
	Btn.style.borderColor = '#ffffff';
	Btn.style.padding = '3px 6px 3px 6px';
}

function FuncBtnDown(Btn){
	Btn.style.borderLeftColor = FuncShadeColor;
	Btn.style.borderTopColor = FuncShadeColor;
	Btn.style.borderRightColor = FuncLightColor;
	Btn.style.borderBottomColor = FuncLightColor;
	Btn.style.padding = '4px 5px 2px 7px';
}

var topZ = 100;

var Correct = '!Correcto!##!Bien hecho!##!Estupendo!';
var Incorrect = 'Lo siento, incorrecto.##Mala elección.'; 
var AllErrorsFound = '!Enhorabuena! Ya están detectados todos los errores.';
var YourScoreIs = 'Número de errores que quedan:';
var BuiltCloze = '';
var ReadingURL = '[ReadingURL]';
var TempReading = '';
var StartTime = (new Date()).toLocaleString();
var HPNStartTime = (new Date()).getTime();
var Finished = false;
var SubmissionTimeout = 30000;
var Score = 0;

var TotWrongChoices = 0;
var ExerciseFinished = false;


var ClozeOpener = '<div class="ExerciseText">';
ClozeOpener += '<form name="Cloze" onsubmit="return false"><p>';

var ClozeCloser = '</p></form></div>';

var ButtonRestart = '';

var ButtonSolution = '';
ButtonSolution += '<button id="BtnSolution" class="FunctionButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOver(this)" onclick="ShowSolution()">[ Solución ]</button>';


// FIND-IT ROUTINES :

function BuildExercise(){
	var ClozeStuff = '';

	for (var i=0; i<I.length; i++){
//Add the text
		if (ExerciseFinished){ClozeStuff += Text[i];}
		else{ClozeStuff += '<span style="cursor:default;" onClick="CheckText(false,-1)">' + Text[i] + '</span>';}

//Create and add the gapped text
//If it's already found, then add it in bold/italics:
		if (State[i][0] == 1){
			if (I[i][2].length > 0){ClozeStuff += '<a href="#" onClick="ShowExplanation('+i+')"><span class="CorrectAnswer">' + I[i][1][0][0] + '</span></a>';}
			else{ClozeStuff += '<span class="CorrectAnswer">' + I[i][1][0][0] + '</span>';}
			}
//otherwise get an incorrect item and print it out:		
			else{
				ClozeStuff += '<span style="cursor:default;" onClick="CheckText(true,'+i+')">' + State[i][1] + '</span>';
				}
			}

//Add the last bit
	if (Text.length > I.length){
		if (ExerciseFinished){ClozeStuff += Text[Text.length-1];}
		else{ClozeStuff += '<span style="cursor:default;" onClick="CheckText(false,-1)">' + Text[Text.length-1] + '</span>';}
		}

// crate Button row
	var Buttons = '';
	if (ExerciseFinished){Buttons += ButtonRestart;}else{Buttons += ButtonSolution;}	
	
//Put the final pieces together
	BuiltCloze = ClozeOpener + ClozeStuff + ClozeCloser + Buttons;
}

function ShowExplanation(item){
	WriteFeedback(I[item][2]);
}

function GetWrongItem(Item){
	var RetVal = '';	
	var Tmp = new Array();
	
	for (var x=0; x<(I[Item][1].length-1); x++){
		Tmp[x] = I[Item][1][x+1][0];
		}
	
	var y = Math.floor(Math.random()*Tmp.length);	
	RetVal += Tmp[y];
	return RetVal;
}

// Feedback arrays
CFb = new Array();
IFb = new Array();

function SplitFeedback(){
// the feedback bits should look like feedb1## feedb2## feedb3 etc.
//'Correct' Feedback
	var Tmp = Correct.split('##');
	var y = -1;
	for (var x=0; x<Tmp.length; x++){
		if (TrimString(Tmp[x]) != ''){
			y++;
			CFb[y] = TrimString(Tmp[x]);
			}
		}

//'Incorrect' Feedback
	Tmp = Incorrect.split('##');
	y = -1;
	for (var x=0; x<Tmp.length; x++){
		if (TrimString(Tmp[x]) != ''){
			y++;
			IFb[y] = TrimString(Tmp[x]);
			}
		}
}

function CheckText(bool,item){
// chosen text is wrong:
	if (bool==false){WrongChoice();}
// chosen text is right:
	else{CorrectChoice(item);}
}

function WrongChoice(){
	var Output = GetRandomFeedback(false);
	WriteFeedback(Output);
// penalty
	TotWrongChoices++;
}

function CorrectChoice(item){
// set the state to 'found':
	State[item][0] = 1;

	var Output = '';
// check whether exercise is finished:
// if all errors are found, show final feedback and finish exercise:
	if (CheckExStatus()==true){
		Output += AllErrorsFound;
		ExerciseFinished = true;
		
		CalculateScore();

		Finished = true;
		setTimeout('Finish()', SubmissionTimeout);
		}
// else show number of missing errors:
		else{
			Output += GetRandomFeedback(true) + '<br />' + YourScoreIs + ' ' + GetNumMissingErr();
			}

// build exercise:
	BuildExercise();
	DisplayExercise();
			
// show Feedback:	
	WriteFeedback(Output);
}

function CheckExStatus(){
// checks if all errors have been found or not
	var ExFin = true;
	for (var x=0; x<State.length; x++){
		if (State[x][0] == 0){
			ExFin = false;
			}
		}
	return ExFin; 
}

function GetNumMissingErr(){
// retrieves the number of still 
// missing errors in the text
	var i = 0;
	for (var x=0; x<State.length; x++){
		if (State[x][0] == 0){
			i++;
			}
		}
	return i;
}

function GetRandomFeedback(FType){
	var Stuff = '';
// positive feedback
	if (FType==true){
		var x = Math.floor(Math.random()*CFb.length);
		Stuff = CFb[x];	
		}
// negative feedback
		else{	
 			var x = Math.floor(Math.random()*IFb.length);
			Stuff = IFb[x];
			}
	return Stuff;
}

function CalculateScore(){
	var x = State.length;
	Score = Math.floor((x * 100)/(x + TotWrongChoices));
}


function ShowSolution(){
	ExerciseFinished = true;
	for (var x=0; x<State.length; x++){
		State[x][0] = 1;		
		}
	BuildExercise();
	DisplayExercise();
// show feedback:
	var Output = YourScoreIs + ' ' + GetNumMissingErr();
	WriteFeedback(Output);
// send results
	CalculateScore();
	Finished = true;
	setTimeout('Finish()', SubmissionTimeout);

}


function WriteFeedback(Feedback){
	var Output = Feedback + '<br /><br />';
	document.getElementById('FeedbackContent').innerHTML = Output;
	var FDiv = document.getElementById('FeedbackDiv');
//Calculate and set its left setting
	topZ++;
	FDiv.style.zIndex = topZ;

//Position the feedback div
	pg = new PageDim();
	FDiv.style.left = Math.floor(pg.W/3) + 'px';
	FDiv.style.width = Math.floor(pg.W/3) + 'px';
//Set the top again in case the window has been resized
	if (is.ns){
		FDiv.style.top = Math.floor(pg.H/3) + window.pageYOffset + 'px';
	}
	else{
		FDiv.style.top = Math.floor(pg.H/3) + document.body.scrollTop + 'px';
	}
	FDiv.style.display = 'block';
	document.getElementById('FeedbackOKButton').focus();


}

function HideFeedback(){
	document.getElementById('FeedbackContent').innerHTML = '';
	document.getElementById('FeedbackDiv').style.display='none';
	FocusAButton();
	if (Finished == true){
		Finish();
	}
}

function FocusAButton(){
	if (document.getElementById('BtnRestart') != null){
		document.getElementById('BtnRestart').focus();
	}
	else{
		if (document.getElementById('BtnSolution') != null){
			document.getElementById('BtnSolution').focus();
		}
	}
}

function WriteToInstructions(Feedback) {
	Feedback = '<span class="FeedbackText">' + Feedback + '</span>';
	document.getElementById('InstructionsDiv').innerHTML = Feedback;

}


I = new Array();


I[0] = new Array();

I[0][1] = new Array();

I[0][1][0] = new Array();

I[0][1][0][0]=' cerraban';

I[0][1][1] = new Array();

I[0][1][1][0]=' cerraron';

I[0][2]='';


I[1] = new Array();

I[1][1] = new Array();

I[1][1][0] = new Array();

I[1][1][0][0]=' lo';

I[1][1][1] = new Array();

I[1][1][1][0]=' la';

I[1][2]='';


I[2] = new Array();

I[2][1] = new Array();

I[2][1][0] = new Array();

I[2][1][0][0]=' olvidó';

I[2][1][1] = new Array();

I[2][1][1][0]=' olvidé';

I[2][2]='';


I[3] = new Array();
I[3][1] = new Array();

I[3][1][0] = new Array();

I[3][1][0][0]=' a';

I[3][1][1] = new Array();

I[3][1][1][0]=' al';
I[3][2]='';


I[4] = new Array();

I[4][1] = new Array();

I[4][1][0] = new Array();

I[4][1][0][0]=' había';

I[4][1][1] = new Array();

I[4][1][1][0]=' hubo';

I[4][2]='';


Text = new Array();

Text[0]='Te repito que anteayer cuando te vi por la calle, no me detuve porque me ';

Text[1]=' las tiendas y aún no había hecho la compra. !Menos mal que llegué a tiempo! El problema fue que, con las prisas, perdí la lista de';

Text[2]=' que iba a buscar y se me';

Text[3]=' comprar la mitad de las cosas que necesitaba.<p></p><br></br>Fue a las doce de la mañana cuando me llamó desde el coche para que le dijera a su mujer que no podía llegar';

Text[4]=' tiempo a la cita porque se había encontrado con que';


Text[5]=' un gran atasco en el centro de la ciudad, precisamente en las calles por las que él tenía que pasar.';


State = new Array();

function StartUp(){
//IE bug avoidance -- remove bottom navbar
	if (is.ie){
		if (document.getElementById('BottomNavBar') != null){
			document.getElementById('TheBody').removeChild(document.getElementById('BottomNavBar'));
		}
	}

	if (is.ie){
		document.attachEvent('onkeydown',SuppressBackspace);
		window.attachEvent('onkeydown',SuppressBackspace);
	}
	else if (is.ns){
		window.addEventListener('keypress',SuppressBackspace,false);
	}


	SplitFeedback();
	ExerciseFinished = false;
	TotWrongChoices = 0;

	State.length = 0;
	for (var x=0; x<I.length; x++){
		State[x] = new Array();
		State[x][0] = 0; 				// not found;
		State[x][1] = GetWrongItem(x); 	// word used for that particular gap
		}
	BuildExercise();
	DisplayExercise();


}

// UTILITY ROUTINES:
function ReplaceStuff(Token, Replacement, InString){
	var i = InString.indexOf(Token);
	var FirstBit = '';
	var LastBit = '';
	while (i>-1){
		FirstBit = InString.substring(0, i);
		LastBit = InString.substring(i + Token.length, InString.length);	
		InString = FirstBit + Replacement + LastBit;
		i = InString.indexOf(Token);
	}
	return InString;
}

function TrimString(InString){
	if (InString.length == 0){return InString;}
		
	var Spaces = '\u0020\u000A\u000D';
	var x = 0;
	
	while (Spaces.indexOf(InString.charAt(0)) > -1){
		InString = InString.substring(1, InString.length);
		}

	while (Spaces.indexOf(InString.charAt(InString.length-1)) > -1){
		InString = InString.substring(0, InString.length-1);
		}

	while (InString.indexOf('  ') > -1){
		x = InString.indexOf('  ');
		InString = InString.substring(0, x) + InString.substring(x+1, InString.length);
		}
		
	return InString;
}


function DisplayExercise(){
	document.getElementById('MainDiv').innerHTML = BuiltCloze;

}


function Finish(){
//If there's a form, fill it out and submit it
	if (document.store != null){
		Frm = document.store;
		Frm.starttime.value = HPNStartTime;
		Frm.endtime.value = (new Date()).getTime();
		Frm.mark.value = Score;
		Frm.submit();
	}
}

//-->

//]]>

</SCRIPT>
<!--<body>Fool those dumb ad-inserting ISPs</body>-->
<META content="MSHTML 6.00.2900.3429" name=GENERATOR></HEAD>
<BODY id=TheBody onload=StartUp()><!-- BeginTopNavButtons --><!-- EndTopNavButtons -->
<DIV class=Titles><SPAN class=ExerciseTitle><STRONG>Detección de errores IV</STRONG></SPAN><BR><SPAN class=ExerciseSubtitle><STRONG></STRONG></SPAN><BR></DIV>
<DIV class=StdDiv id=InstructionsDiv>
<P id=Instructions>Haz clic sobre los errores del texto.</P></DIV>
<DIV class=StdDiv id=MainDiv> </DIV>
<DIV class=Feedback id=FeedbackDiv>
<DIV class=FeedbackText id=FeedbackContent></DIV><BUTTON 
onmouseup=FuncBtnOver(this) class=FunctionButton onmousedown=FuncBtnDown(this) 
id=FeedbackOKButton onblur=FuncBtnOut(this) onmouseover=FuncBtnOver(this) 
onfocus=FuncBtnOver(this) onclick="HideFeedback(); return false;" 
onmouseout=FuncBtnOut(this)>&nbsp;OK&nbsp;</BUTTON> </DIV><!-- BeginBottomNavButtons --><!-- EndBottomNavButtons --><!-- BeginSubmissionForm --><!-- EndSubmissionForm --></BODY></HTML>