<html><head><title>Picture Quiz</title>
		<meta content="Draca at BCS produces an Old English CD and Accountancy Rent and Ground Rent programs. Old English,Anglo-Saxon English,Cymraeg,Welsh,Español,Spanish Picture Dictionaries and Quizzes on our website"
			name="description"/>
		<meta content="Draca,BCS,Old English,Anglo-Saxon English,Accountancy,Rent,Ground Rent,Cymraeg,Welsh,Español,Spanish,Picture Dictionaries,Quizzes"
			name="keywords"/>
	
	<style type="text/css">.smallteal { font-size: 18px; FONT: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; COLOR: teal; TEXT-DECORATION: none }>
	</style>
	<style type="text/css">.largeteal { font-size: 24px; FONT: bold 110% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; COLOR: teal; TEXT-DECORATION: none }>
	</style>

		<style type="text/css">.cssbutton { BORDER-RIGHT: #d1ec4c 2px outset; PADDING-RIGHT: 4px; BORDER-TOP: #748a7c 2px outset; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; FONT: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; BORDER-LEFT: #748a7c 2px outset; COLOR: #765f60; PADDING-TOP: 1px; BORDER-BOTTOM: #d1ec4c 2px outset; BACKGROUND-COLOR: #aed8c0; TEXT-DECORATION: none }
	.cssbutton:visited { COLOR: #765f60 }
	.cssbutton:hover { PADDING-RIGHT: 3px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: inset; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; BACKGROUND-COLOR: #bbd1b7; BORDER-BOTTOM-STYLE: inset }
	.cssbutton:active { COLOR: #765f60 }
	</style>
	<style type="text/css">.menubutton {FONT: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; COLOR: #765f60;  TEXT-DECORATION: none }
	.menubutton:visited { COLOR: #765f60 }
	.menubutton:hover { PADDING-RIGHT: 3px; COLOR: teal;  }
	.menubutton:active { COLOR: #765f60 }
	</style>

<script language="javascript">
// Hide from old browsers -->

var Arr = new Array;  // Index selected by random number generation
    Arr[0]="ān";
    Arr[1]="twēgen";
    Arr[2]="ðrīe";
    Arr[3]="fēower";
    Arr[4]="fīf";
    Arr[5]="siex";
    Arr[6]="seofon"; 
    Arr[7]="eahta";
    Arr[8]="nigon";
    Arr[9]="tīen";

var ArrImg = new Array;  // Index selected by random number generation
ArrImg[0]="../nos/one.gif";
ArrImg[1]="../nos/two.gif";
ArrImg[2]="../nos/three.gif";
ArrImg[3]="../nos/four.gif";
ArrImg[4]="../nos/five.gif";
ArrImg[5]="../nos/six.gif";
ArrImg[6]="../nos/seven.gif";
ArrImg[7]="../nos/eight.gif";
ArrImg[8]="../nos/nine.gif";
ArrImg[9]="../nos/ten.gif";

var ArrChk = new Array(0,0,0,0,0,0,0,0,0,0,0,0); // set up ZERO values
var kt = 0;
var kount = 10;  // no of items in arrays
var wpic = 0;
var rand = 0;
var test = Arr[0];     
var qrand = 0;                // set position of correct person
var quiz = new Array(-1,-1,-1,-1);  // empty quiz array
var ans;                     // position of the answer

var correct = 0;
var tries = 0;

var right = new Image();
var wrong0 = new Image();
var wrong1 = new Image();
var blank  = new Image();

blank.src = "comm/new.gif";    // gif showing face only comm before choice made 
right.src = "comm/right.gif";    // gif showing yes
wrong0.src = "comm/wrong0.gif";  // gif showing answer is wrong
wrong1.src = "comm/wrong1.gif";  //  2nd gif showing answer is wrong so that you can see your answer is checked// button rollover dreamweaver's code

 var startNo = 1;

  var query = window.location.search;
  // Skip the leading ?, which should always be there,
  // but be careful anyway
  if (query.substring(0, 1) == '?')
  {
    query = query.substring(1);
    if (query == "Cym")
    {
         startNo = 2;
    }
    if (query == "Esp")
    {
             startNo = 3;
    }
  }

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function Nos()
{
    ArrImg[0]="../nos/one.gif";
    ArrImg[1]="../nos/two.gif";
    ArrImg[2]="../nos/three.gif";
    ArrImg[3]="../nos/four.gif";
    ArrImg[4]="../nos/five.gif";
    ArrImg[5]="../nos/six.gif";
    ArrImg[6]="../nos/seven.gif";
    ArrImg[7]="../nos/eight.gif";
    ArrImg[8]="../nos/nine.gif";
    ArrImg[9]="../nos/ten.gif";
}  

function Animals()
{
    ArrImg[0]="../pics/130.jpg"; //cat
    ArrImg[1]="../pics/122.jpg"; //cow
    ArrImg[2]="../pics/119.jpg"; //dog
    ArrImg[3]="../pics/100.jpg"; //dragon
    ArrImg[4]="../pics/134.jpg"; //duck
    ArrImg[5]="../pics/137.jpg"; //hen
    ArrImg[6]="../pics/76.jpg";  //horse
    ArrImg[7]="../pics/144.jpg"; //owl
    ArrImg[8]="../pics/118.jpg"; //robin
    ArrImg[9]="../pics/105.jpg"; //swan
}

function General()
{
    ArrImg[0]="../pics/387.jpg"; //bridge
    ArrImg[1]="../pics/254.jpg"; //boat
    ArrImg[2]="../pics/75.jpg"; //fire
    ArrImg[3]="../pics/148.jpg"; //tree
    ArrImg[4]="../pics/203.jpg"; //moon
    ArrImg[5]="../pics/426.jpg"; //mountain
    ArrImg[6]="../pics/424.jpg";  //river
    ArrImg[7]="../pics/250.jpg"; //sea
    ArrImg[8]="../pics/246.jpg"; //valley
    ArrImg[9]="../pics/1346.jpg"; //butterfly
}

function Game1()
{
    Nos();
    Arr[0]="ān";
    Arr[1]="twēgen";
    Arr[2]="ðrīe";
    Arr[3]="fēower";
    Arr[4]="fīf";
    Arr[5]="siex";
    Arr[6]="seofon"; 
    Arr[7]="eahta";
    Arr[8]="nigon";
    Arr[9]="tīen";
}
function Game2()
{
     Nos();
    Arr[0]="dyn";
    Arr[1]="dau";
    Arr[2]="tair";
    Arr[3]="pedwar";
    Arr[4]="pump";
    Arr[5]="chwech";
    Arr[6]="saith"; 
    Arr[7]="wyth";
    Arr[8]="naw";
    Arr[9]="deg";
  }

function Game3()
{
     Nos();
    Arr[0]="uno";
    Arr[1]="dos";
    Arr[2]="tres";
    Arr[3]="cuatro";
    Arr[4]="cinco";
    Arr[5]="seis";
    Arr[6]="siete"; 
    Arr[7]="ocho";
    Arr[8]="nueve";
    Arr[9]="diez";
}

function Game4()
{
    Animals();
    Arr[0]="sēo catte"
    Arr[1]="sēo cū";
    Arr[2]="se hund"
    Arr[3]="se draca"
    Arr[4]="sēo ened"
    Arr[5]="sēo hænn";
    Arr[6]="ðæt hors"; 
    Arr[7]="sēo ūle";
    Arr[8]="se rudduc";
    Arr[9]="sēo ilfetu";
}

function Game5()
{
    Animals();
    Arr[0]="cath";
    Arr[1]="buwch";
    Arr[2]="ci";
    Arr[3]="draig";
    Arr[4]="hwyaden";
    Arr[5]="iâr";
    Arr[6]="ceffyl"; 
    Arr[7]="gwdihŵ";
    Arr[8]="brongoch";
    Arr[9]="alarch";
}

function Game6()
{
    Animals();
    Arr[0]="la gata";
    Arr[1]="la vaca";
    Arr[2]="el perro";
    Arr[3]="el dragón";
    Arr[4]="la pata";
    Arr[5]="la gallina";
    Arr[6]="el cabello"; 
    Arr[7]="la lechuza";
    Arr[8]="el petirrojo";
    Arr[9]="el cisne";
}
function Game7()
{
    General();
    ArrImg[3]="../pics/95.jpg"; //house
    ArrImg[9]="../pics/84.jpg"; //wood

    Arr[0]="sēo brycg";//bridge
    Arr[1]="se bāt";//boat
    Arr[2]="ðæt f\u0233r";//fire
    Arr[3]="ðæt hūs";//house
    Arr[4]="se mōna";//moon
    Arr[5]="se munt";//mountain
    Arr[6]="sēo ēa"; //river
    Arr[7]="ðæt brim";//sea
    Arr[8]="sēo denu";//valley
    Arr[9]="ðæt holt";//wood
 }
function Game8()
{
     General();
    Arr[0]="pont";//bridge
    Arr[1]="bad";//boat
    Arr[2]="tân";//fire
    Arr[3]="coed";//tree
    Arr[4]="lleuad";//moon
    Arr[5]="mynydd";//mountain
    Arr[6]="afon"; //river
    Arr[7]="môr";//sea
    Arr[8]="dyffryn";//valley
    Arr[9]="pili-pala";//butterfly
 }
function Game9()
{
     General();
    Arr[0]="el puente";//bridge
    Arr[1]="el barco";//boat
    Arr[2]="el fuego";//fire
    Arr[3]="el árbol";//tree
    Arr[4]="la luna";//moon
    Arr[5]="la montaña";//mountain
    Arr[6]="el río"; //river
    Arr[7]="el mar";//sea
    Arr[8]="el valle";//valley
    Arr[9]="la mariposa";//butterfly
 }

function startGame(gameNo)
{
    correct = 0;
    tries = 0;
    kt = 0;
    document.choice.scoretext.value = correct;
    document.choice.trytext.value = tries;
    document.comm.src = blank.src;

    var rt;
    for(rt=0;rt< 10;rt++)
   {
    ArrChk[rt] = 0;
   }
    if (gameNo == 1) Game1(); 
    if (gameNo == 2) Game2(); 
    if (gameNo == 3) Game3(); 
    if (gameNo == 4) Game4(); 
    if (gameNo == 5) Game5(); 
    if (gameNo == 6) Game6(); 
    if (gameNo == 7) Game7(); 
    if (gameNo == 8) Game8(); 
    if (gameNo == 9) Game9(); 
    nextQuestion();
}

function clickNew()
{
    document.comm.src = blank.src;
    nextQuestion()
}
function nextQuestion()
{
     document.choice.scoretext.value = correct;
     document.choice.trytext.value = tries;
     kt = kt + 1;
 	 if (kt < 11)
 	 {
 	 document.choice.Radio[0].checked=false;
 	 document.choice.Radio[1].checked=false;
	 document.choice.Radio[2].checked=false;
	 document.choice.Radio[3].checked=false;

 rand  = Math.floor(Math.random()*10);
 
  while  (ArrChk[rand]==1)
  {
 	rand  = Math.floor(Math.random()*10);
	
  }
   	ArrChk[rand] = 1;
  
  document.flagpole.src = ArrImg[rand]; 

  var count;  // find which textbox to hold the array name so first zero the quiz array
   for(count=0;count<4;count++)
   {
      quiz[count] = -1;   
   }
   qrand = Math.floor(Math.random()*4);
   ans = qrand;
   quiz[qrand]=rand;
 
   // now randomly fill the other text boxes
   ok = new Boolean(true);
   for(count=0;count< 4;count++)
   {
      while (quiz[count] == -1)
      {
         ok = true;
         if (quiz[count] == -1)
         {
            rand = Math.floor(Math.random()*10);
            if (quiz[0] == rand) ok = false;
            if (quiz[1] == rand) ok = false;
            if (quiz[2] == rand) ok = false;
            if (quiz[3] == rand) ok = false;

            if (ok==true)quiz[count] = rand;
        }
     }
  }
  
  if (quiz[0] != -1) document.choice.testbed0.value = Arr[quiz[0]];
  if (quiz[1] != -1) document.choice.testbed1.value = Arr[quiz[1]];
  if (quiz[2] != -1) document.choice.testbed2.value = Arr[quiz[2]];
  if (quiz[3] != -1) document.choice.testbed3.value = Arr[quiz[3]];
}
  else
  {
     alert("Game Over. Choose a New Game");
}
}

function Fill()
 {
	document.choice.chooseperson[0].checked=false;
	document.choice.chooseperson[1].checked=false;
	document.choice.chooseperson[2].checked=false;
	document.choice.chooseperson[3].checked=false;
}

function checkAns(yourAns)
{
  // check the answer and give suitable comments 

 // alert(ans+"  "+yourAns);
    tries = tries + 1;	
    if (yourAns==ans)
    {
      document.comm.src = right.src;
	  correct = correct + 1;
	  nextQuestion();
    }
    else
    {
       if (wpic == 0)
       {
          document.comm.src = wrong0.src;
          wpic = 1;
       } 
      else
       {
          document.comm.src = wrong1.src;
          wpic = 0;
       } 
    }
//alert(correct+" "+tries);
 
document.choice.scoretext.value = correct;
document.choice.trytext.value = tries;
}
// -->
</script>
    	<link href="../DracaWeb/Cardiff.css" type="text/css" rel="StyleSheet" />
</head>
<body bgcolor="#748a7c" leftmargin="0" rightmargin="0" topmargin="0" onload="startGame(startNo);MM_preloadImages('butt/fredn.gif','butt/infor.gif')">

	<table cellspacing="0" cellpadding="0" width="100%" bgcolor="#a0b2a9" border="0">
	<tr>
	<td width="100" bgcolor="#748a7c" height="38"></td>
	<td width="2" bgcolor="#765f60" height="38"></td>
	<td></td>
	<td width="2" bgcolor="#765f60" height="38"></td>
	<td width="100" bgcolor="#748a7c" height="38"></td>
	</tr>
	<tr>	<td width="100" bgcolor="#748a7c" height="24"></td>
	<td width="2" bgcolor="#765f60"></td>
	<td height="24px">
<font style="FONT: bold 90% Lucida Grande" color="#765f60">&nbsp; &nbsp;draca.co.uk </font>
	&nbsp; &nbsp; &nbsp; &nbsp; <A class="cssbutton" href="../DracaWeb/Home.aspx">Home</A><A class="cssbutton" href="../DracaWeb/DictTop.aspx">
	Old English</A><A class="cssbutton" href="../DracaWeb/CymTop.aspx">Cymraeg Welsh</A><A class="cssbutton" href="../DracaWeb/SpanishTop.aspx">
	Español Spanish</A>
	</td>
	<td width="2" bgcolor="#765f60"></td>
	<td width="100" bgColor="#748a7c" height="24"></td>
	</tr>
	<tr>
	<td width="100px" bgcolor="#748a7c" height="2px"></td>
	<td width="2px" bgcolor="#765f60" height="2px"></td>
	<td bgcolor="#765f60"></td>
	<td width="2px" bgcolor="#765f60" height="2px"></td>
	<td width="100px" bgcolor="#748a7c" height="2px"></td>
	</tr>
	</table>

	<form name = "choice"> 
	
<table border="0" cellpadding="0" cellspacing="0" height="578" width="100%"  bgcolor="#ddece3">
	<tr><td width="100px" bgcolor="#748a7c"></td>
	<td width="2px" bgcolor="#765f60"></td>
	
                                     <td valign="top" width ="100" bgcolor="#e2ddcf"><center/>
                   <p></p><a class="smallteal">&nbsp;Old English&nbsp;</a>
                    <p></p>&nbsp;
                 <a class="menubutton" href="#" onClick="startGame(7)">General</a><p></p>
                 <a class="menubutton" href="#" onClick="startGame(4)">Animals</a><p></p>
                 <a class="menubutton" href="#" onClick="startGame(1)">Numbers</a><p></p>
                <p></p>&nbsp;<p></p>
                 <img src="comm/WelshFlag.gif" width="41" height="27" alt="Welsh Flag"/>
                 <br/>
                 <a class="smallteal">Welsh</a>
                    <p></p>&nbsp;
                   <a class="menubutton" href="#" onClick="startGame(8)">General</a><p></p>
                 <a class="menubutton" href="#" onClick="startGame(5)">Animals</a><p></p>
                 <a class="menubutton" href="#" onClick="startGame(2)">Numbers</a><p></p>
                <p></p>&nbsp;<p></p>
                
                  <img src="comm/SpanishFlag.gif" width="41" height="27" alt="Spanish Flag"/>
                  <br/><a class="smallteal">&nbsp;Spanish&nbsp;</a><p></p>&nbsp;
                 <a class="menubutton" href="#" onClick="startGame(9)">General</a><p></p>
                <a class="menubutton" href="#" onClick="startGame(6)">Animals</a><p></p>
                <a class="menubutton" href="#" onClick="startGame(3)">Numbers</a><p></p>
                 </td>
	         <td valign="top"  width ="340" class="largeteal"><p></p>&nbsp;<p></p>&nbsp; &nbsp; &nbsp; &nbsp;Animals and Numbers Quizzes&nbsp;<p></p>&nbsp;<p></p>&nbsp; &nbsp; &nbsp; &nbsp;<img border="2" alt= "" name = "flagpole"/>
       </td>    
 <td>
    <table width="200">
       <tr>
          <td><label>
            <input type="radio" name="Radio" value="0" onClick="checkAns(0)"/></label>

          </td>
          <td><input type="text" id="testbed0" size="36"/>
          </td>
        </tr>
        <tr>
          <td><label>
            <input type="radio" name="Radio" value="1" onClick="checkAns(1)"/>
            </label>
          </td>

          <td><input type="text" id="testbed1" size="36"/>
          </td>
         </tr>
        <tr>
          <td><label>
            <input type="radio" name="Radio" value="2" onClick="checkAns(2)"/>
            </label>
          </td>
          <td><input type="text" id ="testbed2" size="36"/>

          </td>
       </tr>
        <tr>
          <td><label>
            <input type="radio" name="Radio" value="3" onClick="checkAns(3)"/>
            </label>
          </td>
          <td><input name="testbed3" type="text" id="testbed3" size="36"/>
          </td>
         </tr>
      </table>
  <a class="smallteal">&nbsp;&nbsp; &nbsp; Score </a><input name="scoretext" type="text" id="scoretext" size="3"/>
	<a class="smallteal"> Tries </a><input name="trytext" type="text" id="trytext" size="3"/>
  <center/>
      <p></p><a href="#"><img name ="comm" src="comm/start.gif" width="268" border="0" height="147"/alt ="game start"></a><br/>

         
              <a href="#" onClick="clickNew()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','comm/arrowgr.gif',1)">
              <img src="comm/arrow.gif" alt="Click for next picture" name="Image1"  border="0" align="absmiddle"/></a>
<span class="smallteal">Click for a new picture</span>
     </td>   
	<td width="2px" bgcolor="#765f60"></td>
 	<td width="100px" bgcolor="#748a7c"></td>
</tr>
	<tr>
		<td width="100px" bgcolor="#748a7c" height="2px"></td>
<td width="2px" bgcolor="#765f60" height="2px"></td>
	<td  bgcolor="#765f60" height="2px"></td>
	<td  bgcolor="#765f60" height="2px"></td>
	<td  bgcolor="#765f60" height="2px"></td>
	<td width="2px" bgcolor="#765f60" height="2px"></td>
	<td width="100px" bgcolor="#748a7c" height="2px"></td>

</tr>
</table>
</form>

</body>
</html>