var xmlHttp;
function createXMLHttpRequest(){                       
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } 
    else if (window.XMLHttpRequest) {                   
        xmlHttp = new XMLHttpRequest();
    }
}
	
function startRequest()
{

 createXMLHttpRequest();           
    xmlHttp.onreadystatechange = handleStateChange; 
    xmlHttp.open("GET", "xml/gardengame.xml", true);  
    xmlHttp.send(null); 
}

function handleStateChange() {
    if(xmlHttp.readyState == 4) {                  
        if(xmlHttp.status == 200) {               
       		  parseResults(); 
			
        }
    }
}
var x=0;
var name = new Array("q1", "q2", "q3","q4", "q5", "q6", "q7", "q8", "q9", "q10", "q11", "q12", "q13", "q14", "q15", "q16");
var picArr = new Array();
var infoArr = new Array();
var ansArr = new Array();
var sugArr = new Array();
var scorearr = new Array();
var backarr = new Array();
var y=-1;
var z = 0;
var h=0;
var gard=0;
var stop = 0;
var namestr;
var qnumber=0;
var helpstr="";
var min = new Array();
var max = new Array();
var verdict = new Array();

function parseResults()
{
var quest = null;
var qs="";
var answer=null;
var ans="";
var pic="";
var pic1=""
var scor = "";
var sg = "" 
var results = xmlHttp.responseXML;

var question = results.getElementsByTagName("question");
for(i=0; i<  question.length; i++){
quest = question[i];
pic = quest.getElementsByTagName("pic")[0].firstChild.nodeValue;
picArr.push(pic);
qs = quest.getElementsByTagName("para")[0].firstChild.nodeValue;
infoArr.push(qs);
ans = quest.getElementsByTagName("ans")[0].firstChild.nodeValue;
ansArr.push(ans);
sg = quest.getElementsByTagName("sugest")[0].firstChild.nodeValue;
sugArr.push(sg);
}
var res = results.getElementsByTagName("score");
for(i=0; i< res.length; i++){
pic1 = res[i].getElementsByTagName("pic")[0].firstChild.nodeValue;
backarr.push(pic1);
scor = res[i].getElementsByTagName("result")[0].firstChild.nodeValue;
scorearr.push(scor);
}

var emptyP1 = document.createElement("p");
	var emptytx1 = document.createTextNode("");
	emptyP1.appendChild(emptytx1);
	document.getElementById("txtintro").appendChild(emptyP1);
var div = document.createElement("div");
div.setAttribute("style", "color: red");
div.setAttribute("style", "text-align: center");
div.style.cssText = "color: red; text-align: center";
var textNode;
var textNode2;
var newLink1=document.createElement('a');
  newLink1.setAttribute('href', "javascript:goNext()");
   textNode   = document.createTextNode(">>");
  newLink1.setAttribute("style", "font-size: 16pt;");
	 newLink1.setAttribute("style", "text-decoration: none");
	 newLink1.setAttribute("style", "color: red");
newLink1.style.cssText = "font-size: 16pt; text-decoration: none; color: red";
    newLink1.appendChild( textNode);
		textNode2 = document.createTextNode("  next");
	div.appendChild(textNode2);
	div.appendChild(newLink1);
	document.getElementById("txtintro").appendChild(div);
	var emptyP = document.createElement("p");
	var emptytx = document.createTextNode("");
	emptyP.appendChild(emptytx);
	document.getElementById("txtintro").appendChild(emptyP);
	createTable();
}

function showHelp(){
h=1;
helpstr = sugArr[x];
createTable();
}

function goNext(){
document.getElementById("maintxt").style.display= "";
document.getElementById("restxt").style.display= "none";
if(x < 16) {
h=0; 
stop=0;
if(z==2){
document.getElementById("rt").src = "graphics/thumba.png";
 z=0;
}
helpstr = "";
x++;
}
if(x==16){
document.getElementById("txt1").style.visibility="hidden";
document.getElementById("txtintro").style.visibility="hidden";
document.getElementById("txt").innerHTML = "";
document.getElementById("txt").innerHTML = "We hope you have enjoyed this game. We will be doing more, so keep checking."
}else{
createTable();
}}


function createTable(){
document.getElementById("txt").innerHTML = "";
var tb = document.createElement("table");
var tbody = document.createElement("tbody");
var tr = document.createElement ("tr");
var td = document.createElement("td");
var td1 = document.createElement("td");
td.setAttribute("style", "width: 200px");
td.style.cssText = "width: 200px";
var span = document.createElement("span");
var str = "<img src='"
str = str.concat(picArr[x]);
str = str.concat("' border=2 alt=''>");
span.innerHTML = str;
td.appendChild(span)
var p = document.createElement("p");
var txt = document.createTextNode(infoArr[x]);
p.appendChild(txt);
var div = document.createElement("div");
var str1="<input type='text'  size=20 name=";
str1 = str1.concat(name[x]);
str1=str1.concat(" onKeyPress='return checkEnter(event)'> <img src='graphics/help.png' border=0 alt='help' onClick='showHelp()'>");
div.innerHTML=str1;
var helpp = document.createElement("p")
var helptxt = document.createTextNode(helpstr);
helpp.appendChild(helptxt);
td1.appendChild(p);
td1.appendChild(div);
td1.appendChild(helpp)
tr.appendChild(td);
tr.appendChild(td1);
tbody.appendChild(tr);
tb.appendChild(tbody);
document.getElementById("txt").appendChild(tb);
}
function createP(data, data1)
{
var p;
var textnode;
p = document.createElement("p");
textnode = document.createTextNode(data);
p.appendChild(textnode);
document.getElementById(data1).appendChild(p);
}

function createH3(data, data1)
{
var h3;
var textnode;
h3=document.createElement("H3");
textnode = document.createTextNode(data);
h3.appendChild(textnode);
document.getElementById(data1).appendChild(h3);
}
function createP2(data, data1)
{
var p;
var textnode;
p = document.createElement("p");
 textnode = document.createTextNode(data);
 p.setAttribute("style", "font-style: italic");
p.style.cssText = "font-style: italic";
p.appendChild(textnode);

document.getElementById(data1).appendChild(p);
}
var score = 0;
var val = 0;

function checkScore(){
var obj = new Array(document.myform.q1, document.myform.q2, document.myform.q3, document.myform.q4, document.myform.q5,document.myform.q6, document.myform.q7, document.myform.q8, document.myform.q9, document.myform.q10, document.myform.q11, document.myform.q12, document.myform.q13, document.myform.q14, document.myform.q15, document.myform.q16);
var str = obj[x].value.toLowerCase();
str = trim(str);
var cr = "You are spot on!";
var wr = "Sorry, try again";
var txtnode; var p;
if(str == ansArr[x].toLowerCase()) {
txtnode= document.createTextNode(cr);
if(h==0 && stop==0){
stop=1;
z=z+1;
}
}
if(str != ansArr[x].toLowerCase()){
txtnode= document.createTextNode(wr);
if(z >0) z=z-1;
if(z==0) z=0;
}
if(z==0) document.getElementById("rt").src = "graphics/thumba.png";
if(z==1) document.getElementById("rt").src = "graphics/thumbb.png";
if(z==2){
document.getElementById("rt").src = "graphics/thumbc.png";
document.getElementById("resimmg").src = backarr[gard];
document.getElementById("restext").innerHTML = scorearr[gard];
gard++;
window.setTimeout("chengePics()", 1000);
}
p = document.createElement("p");
 p.setAttribute("style", "font-weight: bold");
p.style.cssText = "font-weight: bold";
p.appendChild(txtnode);
document.getElementById("txt").appendChild(p);

}

function chengePics(){
document.getElementById("maintxt").style.display= "none";
document.getElementById("restxt").style.display= "";
}

function trimTop(obj){
var quest = obj;
var x  = quest.length;
for(i = x; i>0; i--){
if(quest.substring(0,1) ==" ")
quest=quest.substring(1,i);
else break;
}
return quest;
}

function trimEnd(obj){
var quest = obj;
var x  = quest.length;
for(i = x; i>0; i--){
if(quest.substring(i-1,i) ==" ")
quest=quest.substring(0,i-1);
else break;
}
return quest;
}
function trim(obj)
{
var str = trimTop(obj);
var strres = trimEnd(str);
return strres;
}


function checkEnter(e){ 
var characterCode; // literal character code will be stored in this variable

if(e && e.which){ //if which property of event object is supported (NN4)
e = e
characterCode = e.which //character code is contained in NN4's which property
}
else{
e = event
characterCode = e.keyCode //character code is contained in IE's keyCode property
}

if(characterCode == 13){
return false;
}
else 
return true;
}