var order=0;
var sides=2;
var sequence=0;
var state=1;
var idx=0;
var thisSeq=sequence;
var nextIdx=0;
var dontAsk=[];
var active=questions.length;

function calcNext()
{
  nextIdx=idx;
  do
  {
    if (order==0)
    {
      nextIdx++;
      if (nextIdx>questions.length-1)
        nextIdx=0;
    }
    else if (order==1)
    {
      nextIdx--;
      if (nextIdx<0)
        nextIdx=questions.length-1;
    }
    else if (order==2)
    {
      do
      {
        nextIdx=Math.floor(Math.random()*questions.length);
      } while (active>1 && nextIdx==idx);
    }
  } while (dontAsk[nextIdx]==1);
}
function show()
{
  var blank="<font size=\"5\" face=\"Times New Roman\">&nbsp;";
  var q;
  var a;
  var qbg;
  var abg;
  qbg=qBGC[idx];
  abg=aBGC[idx];
  if (state==0)
  {
    idx=nextIdx;
    if (thisSeq==0)
    {
      q=questions[idx];
      if (sides==2)
      {
        a=blank;
      }
      else
      {
        a="";
      }
    }
    if (thisSeq==1)
    {
      if (sides==2)
      {
        a=answers[idx];
        q=blank;
      }
      else
      {
        q=answers[idx];
        a="";
        qbg=abg;
      }      
    }
    document.getElementById('flip').innerHTML="Flip";
    state=1;
  }
  else
  {
    if (thisSeq==0)
    {
      if (sides==2)
      {
        q=questions[idx];
        a=answers[idx];
      }
      else
      {
        q=answers[idx];
        a="";
        qbg=abg;
      }
    }
    if (thisSeq==1)
    {
      if (sides==2)
      {
        a=answers[idx];
        q=questions[idx];
      }
      else
      {
        q=questions[idx];
        a="";
      }      
    }
    document.getElementById('flip').innerHTML="Next";
    state=0;
    calcNext();
    
    if (sequence==2)
    {
      thisSeq=Math.floor(Math.random()*2);
    }
  }
  document.getElementById('recto').innerHTML=q;
  document.getElementById('recto').style.backgroundColor=qbg;
  if (sides==2)
  {
    document.getElementById('verso').innerHTML=a;
    document.getElementById('verso').style.backgroundColor=abg;
  }
    
  return true;
}
function createCookie(name,value,days) 
{
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
function setInOrder()
{
  order=0;
  show();
  createCookie("order",order,30);
}
function setReverse()
{
  order=1;
  show();
  createCookie("order",order,30);
}
function setRandom()
{
  order=2;
  show();
  createCookie("order",order,30);
}
function setSingle()
{
  sides=1;
  createTable();
  createCookie("sides",sides,30);
}
function setBoth()
{
  sides=2;
  createTable();
  createCookie("sides",sides,30);
}
function setNormal()
{
  sequence=0;
  thisSeq=0;
  show();
  createCookie("seq",sequence,30);
}
function setSwap()
{
  sequence=1;
  thisSeq=1;
  show();
  createCookie("seq",sequence,30);
}
function setRandomSwap()
{
  sequence=2;
  show();
  createCookie("seq",sequence,30);
}
function dontAskAgain()
{
  active--;
  if (active==0)
  {
    alert("Can't turn off all cards!");
    active=1;
  }
  else
  {
    dontAsk[idx]=1;
    createCookie("da"+idx+":"+id,1,30);
    calcNext();
    state=0;
    show();
  }
}

function loadCookies()
{
  var ca=document.cookie.split(';');
  for (i=0;i<ca.length;i++)
  {
    var c=ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    j=c.indexOf("=");
    if (c.substring(0,2)=="da")
    {
      k=c.indexOf(":");
      if (c.substring(k+1,j)==id)
      {
        dontAsk[c.substring(2,k)]=1;
        active--;
      }
    }
    else if (c.substring(0,5)=="order")
    {
      order=c.substring(j+1,j+2);
    }
    else if (c.substring(0,3)=="seq")
    {
      sequence=c.substring(j+1,j+2);
    }
    else if (c.substring(0,5)=="sides")
    {
      sides=c.substring(j+1,j+2);
    }
  }
  if (dontAsk[nextIdx]==1)
  {
    calcNext();
    idx=nextIdx;
  }
}

function askAll()
{
  var ca=document.cookie.split(';');
  for (i=0;i<ca.length;i++)
  {
    var c=ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.substring(0,2)=="da")
    {
      j=c.indexOf(":");
      dontAsk[c.substring(2,j)]=0;
      k=c.indexOf("=");
      createCookie(c.substring(0,k),0,-1);
    }
  }
  calcNext();
}

function setAsk()
{
  document.getElementById('recto').innerHTML="<p align=\"center\">"+answers[idx]+"</p>";
}

function showOptions()
{
  document.getElementById('recto').style.backgroundColor="#FFFFFF";
  document.getElementById('recto').innerHTML=
    "<a href=\"#\" onclick='dontAskAgain()'>Don't ask again</a><br>"
    +"<a href=\"#\" onclick='askAll()'>Ask all cards</a><br>"
    +"<a href=\"#\" onclick='setInOrder()'>Ask in original order</a><br>"
    +"<a href=\"#\" onclick='setReverse()'>Ask in reverse order</a><br>"
    +"<a href=\"#\" onclick='setRandom()'>Ask in random order</a><br>"
    +"<a href=\"#\" onclick='setNormal()'>Normal Q/A sequence</a><br>"
    +"<a href=\"#\" onclick='setSwap()'>Swap Q/A sequence</a><br>"
    +"<a href=\"#\" onclick='setRandomSwap()'>Random swap</a><br>"
    +"<a href=\"#\" onclick='setSingle()'>View single side</a><br>"
    +"<a href=\"#\" onclick='setBoth()'>View both sides</a><br>"
    ;
  
  if (sides==2)
  {
    document.getElementById('verso').innerHTML="";
    document.getElementById('verso').style.backgroundColor="#FFFFFF";
  }
}


function GetWidth()
{
  if (navigator.appName=='Opera')
  {
    return screen.width-10;
  }
  else if (self.innerHeight)
  {
    return self.innerWidth;
  }
  return 0;
}
 
function GetHeight()
{
  if (navigator.appName=='Opera')
  {
    return screen.height-10;
  }
  else if (self.innerHeight)
  {
    return self.innerHeight;
  }
  return 0;
}

function createTable()
{
  var tableHTML=
                 "<table width='"+(GetWidth())+"px' height='"+(GetHeight())+"px'>"+
                 "<tr height='5%'>"+
                 "  <td style='padding=0;border-style:solid;border-width:0 0 0 0' width='33%' align='left'>"+
                 "    <a href='#' onclick='show()'><span id='flip'>Flip</span></a>"+
                 "   </td>"+
                 "  <td style='padding=0;border-style:solid;border-width:0 0 0 0' width='33%' align='middle'>"+
                 "      <a href='#' onclick='showOptions()'>Options</a>"+
                 "    </td>"+
                 "  <td style='padding=0;border-style:solid;border-width:0 0 0 0' align='right'>"+
                 "    <a href='http://m.lexisrex.com'>LexisRex</a>"+
                 "   </td>"+
                 "</tr>"+
                 "<tr valign='center'>";
  if (sides==2)
  {
    tableHTML+=
                   "  <td id='recto' align='middle' colspan='3' onclick='show()' bgcolor='"+qBGC[nextIdx]+"' height='45%'>"+
                   questions[nextIdx]+
                   "  </td>"+
                   "</tr>"+
                   "<tr valign='middle'>"+
                   "  <td id='verso' align='middle' colspan='3' onclick='show()'bgcolor='"+aBGC[nextIdx]+"' height='45%'>"+
                   "  </td>"+
                   "</tr>";
  }
  else
  {
    tableHTML+=
                   "  <td id='recto' align='middle' colspan='3' onclick='show()' bgcolor='"+qBGC[nextIdx]+"' height='90%'>"+
                   questions[nextIdx]+
                   "  </td>"+
                   "</tr>";
  }
  document.getElementById('table').innerHTML=tableHTML;
  state=1;
}
</script>
    <div id='table'></div>
    <script type="text/javascript">loadCookies();createTable();</script>
</body>
</html>