var secs;
var timerID = null;
var timerRunning = false;
var delay = 1000;
var i=0;
var total=0;
var l=1;
var turns=72;
var breakDelay = 15000;

function InitializeTimer(i)
{
    //Set the length of the timer, in seconds
    secs = 4;
    StopTheClock();
	//alert("l"+l+"i"+i);
	if(l>1 && l<=3 && i==0)
	{
		document.getElementById("message").style.display='block';
		if(l==2) var strMess="first"; else if(l==3) strMess="second";
		document.getElementById("message").innerHTML="This is a short break.You have completed the "+strMess+" block. You Earned $"+document.getElementById('totalScore').value+".<br>The next block will begin in 15 seconds. It is not possible to stop this task until all three blocks are completed.";
		setTimeout("StartTheTimer()", breakDelay);
	}
	else
	{
    	StartTheTimer();
	}
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID);
    timerRunning = false;
}

// start main timer get from time
function StartTheTimer()
{
    if (secs <= 0)
    {
       	StopTheClock();
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
		i=document.getElementById("newi").value;
		if(i==0 && l==1)
		{
		document.getElementById("click").value=document.getElementById("click").value+"M";
		}
		else
		{
		document.getElementById("click").value=document.getElementById("click").value+",M";
		}
        document.getElementById("newi").value=parseInt(document.getElementById("newi").value)+1;
		document.getElementById("score").style.display='block';
	    document.getElementById("score1").innerHTML="Missed";
		document.getElementById("timeTaken").value=parseInt(document.getElementById("timeTaken").value)+(4-secs);
		//document.getElementById("round_no").innerHTML=document.getElementById("newi").value;
		setTimeout("hideScore()", delay);
		showGrid(i);
       // alert("You have just wasted 4 seconds of your life.");
    }
    else
    {
		document.getElementById("message").style.display='none';
		self.status = secs;
        document.getElementById("time").innerHTML=secs;
		secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("StartTheTimer()", delay);
		
    }
}


var clickFlag=false;

// show images with new value 
function showGrid(i)
{
	i=document.getElementById("newi").value;
	if(i < turns)
	{
		//alert("i"+i);
		document.getElementById('start').style.display="none";
		document.getElementById('instruction').style.display="none";
		//document.getElementById('textNew').style.display="none";
		document.getElementById('timeR').style.display='';
		document.getElementById('earn').style.display='';
		document.getElementById('blockR').style.display='';
		document.getElementById('turnsR').style.display='';
		document.getElementById('turn').innerHTML=71-parseInt(i);;
		document.getElementById("message").style.display='none';
		//alert("Pranav");
		
		var j;
		clickFlag=false;
		/*if(l>1 && l<=3 && i==0)
		{
			StopTheClock();
			document.getElementById("message").style.display='block';
		    if(l==2) var strMess="first"; else if(l==3) strMess="second";
		    document.getElementById("message").innerHTML="This is a short break.You have completed the "+strMess+" block. You Earned $"+document.getElementById('totalScore').value+".<br>The next block will begin in 15 seconds. It is not possible to stop this task until all three blocks are completed.";
		    setTimeout("StartTheTimer()", 15000);
			//setTimeout("InitializeTimer()", 15000);
			//InitializeTimer();
		}*/
	     if(i==0)
		{
			InitializeTimer(i);
		}
		else
		{
			setTimeout("InitializeTimer("+i+")", delay);
		}
		var str="";
	    var str1="<br/>";
		var str2="";
		var deck='';
		for(j=0;j<5;j++)
		{
			if(l==1)
			{
				var gArr=gamblearray[i][j];
				document.getElementById('block').innerHTML=2;
			}
			else if(l==2)
			{
				var gArr=gamblearray1[i][j];
				document.getElementById('block').innerHTML=1;
			}
			else if(l==3)
			{
				var gArr=gamblearray2[i][j];
				document.getElementById('block').innerHTML=0;
			}
			
			str=str+"<a href='#' onclick='javascript:getValue("+gArr+","+i+");'"+"><img src='images/"+(j+1)+".bmp' border='0'></a>&nbsp;&nbsp;";
         // str2=str2+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>"+gArr+"</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"; 
		}
		str=str+str1;
		
		document.getElementById('text1').innerHTML=str;
	    //document.getElementById('textNew').innerHTML=str2;
		

		i++;
		
		}
		else if(i == turns && l < 3)
		{
			document.getElementById("newl").value=parseInt(document.getElementById("newl").value)+1;
			l=document.getElementById("newl").value;
			document.getElementById("newi").value=0;
			showGrid(0);
		}
		else
		{
			document.TBS.submit();
		}
}

// check which image is pressed

function getValue(num,i)
{
	clickFlag=true;
	if(i==0 && l==1)
	{
		document.getElementById("click").value=document.getElementById("click").value+num;
	}
	else
	{
		document.getElementById("click").value=document.getElementById("click").value+","+num;
	}
	total=parseFloat(total)+parseFloat(num);
	document.getElementById('earning').innerHTML=total.toFixed(2);
	document.getElementById('totalScore').value=document.getElementById('earning').innerHTML;		
	i++;
	document.getElementById("newi").value=i;
	//document.getElementById("round_no").innerHTML=i;
	document.getElementById("noSwitch").value=parseInt(document.getElementById("noSwitch").value)+1;
	document.getElementById("timeTaken").value=parseInt(document.getElementById("timeTaken").value)+(4-secs);
	StopTheClock();
	showScore(num,i,l);
	setTimeout("hideScore()", delay);
	showGrid(i);
}

// displaying the result  for 1 Second
function showScore(num,i,l)
{
	document.getElementById("score").style.display='block';
	document.getElementById("score1").innerHTML=num;
	
	var str2="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<table><tr>";
	//var str2="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
	for( var j=0;j<5;j++)
		{
			if(l==1)
			{
				var gArr1=gamblearray[i-1][j];
			}
			else if(l==2)
			{
				var gArr1=gamblearray1[i-1][j];
		    }
			else if(l==3)
			{
				var gArr1=gamblearray2[i-1][j];
			}
			if(gArr1<0)
			gArr1="<td width='85px'><font color='#F95576' size='6'>"+gArr1+"</font></td>";
				//gArr1="<div class='inner1'><font color='#F95576' size='6'>"+gArr1+"</font></div>";

			else
			gArr1="<td width='85px'><font color='#36D807' size='6'>"+ gArr1+"</font></td>";
			//gArr1="<div class='inner1'><font color='#36D807' size='6'>"+gArr1+"</font></div>";

			str2=str2+gArr1; 
		}
	str2=str2+"</tr>"; 
	document.getElementById('textNew').innerHTML=str2;
	document.getElementById("textNew").style.display='block';
	setTimeout("hideScore()", delay);
}

function hideScore()
{
	//document.getElementById('textNew').innerHTML='<div class="inner1"><font color="#36D807" size="6">&nbsp;</font></div>';
	document.getElementById("score").style.display='none';
	document.getElementById("textNew").style.display='none';

}
function showValues()
{
	document.getElementById("textNew").style.display='block';
}