
<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]='Conocí';

I[0][1][1] = new Array();

I[0][1][1][0]='Conocía';

I[0][2]='';

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

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

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

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

I[1][2]='';


I[2] = new Array();

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

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

I[2][1][1][0]='somos';

I[2][2]='';


I[3] = new Array();
I[3][1] = new Array();

I[3][1][0] = new Array();

I[3][1][0][0]='dispongamos';

I[3][1][1] = new Array();

I[3][1][1][0]='disponemos';
I[3][2]='';


I[4] = new Array();

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

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

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


Text = new Array();

Text[0]='  ';

Text[1]=' la revista <i>Ciudadano</i> durante un viaje  ';

Text[2]=' España. La he buscado en algunos quioscos de París, pero no he podido encontrarla. Me gustaría que la revista se distribuyera fuera de España, al menos, en Francia. Algunos se lo agradeceríamos por la gran calidad de su información. <p></p> <br></br>Hoy prácticamente todo se puede comprar con dinero de plástico; es la consecuencia de la sociedad de consumo en que todos ';

Text[3]=' inmersos. Las tarjetas ofrecen muchas ventajas, ya que permiten realizar compras aunque no ';

Text[4]=' de dinero en efectivo, además de ser un seguro contra robos. Sin embargo, esta ventaja se torna un grave inconveniente si no se ';


Text[5]=' los gastos que uno realiza.';


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</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>