var secs=0;
var timerID = null;
var timerRunning = true;
var delay = 1000;
var state1 = ''
var state2 = ''


function Debug()
{
 
 
}

function RunTimer(s1,s2)
{
  state1=s1
  state2=s2
  secs = 40; // Set the initial delay
  displayBanner(state1);
  StopTheClock();
  StartTheTimer();
  
}



function displayBanner(type)
		{
			if (type == state1) {
				document.getElementById(state1).style.display ='block';
				document.getElementById(state2).style.display ='none';
			}
			if (type == state2) {
				document.getElementById(state1).style.display ='none';
				document.getElementById(state2).style.display ='block';
			}
		}


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

function StartTheTimer()
{
  document.getElementById('txt').value=secs;
  if (secs>20) // 40, ... , 20 
  {
   //StopTheClock();
   //StartTheTimer();
   //
   displayBanner(state2);

  }
 else // 19 , ... , 4 , 3 , 2 , 1 , 0
  {
    if (secs==0)
      secs=40;
    displayBanner(state1);
  }
   self.status = delay
   secs = secs - 1
   timerRunning = true
   timerID = self.setTimeout("StartTheTimer()", delay)
}