var mR;
var mG;
var mB;

var steps;
var matchCol;

function genMatch()
{
mR = Math.round(5*Math.random());
mG = Math.round(5*Math.random());
mB = Math.round(5*Math.random());

steps = mR + mG + mB;

matchCol = "#" + curToHex(mR) + curToHex(mG) + curToHex(mB);
document.getElementById("match").style.background = matchCol;

document.getElementById("currentTxt").innerHTML = "You have " + steps + " clicks to match the colour...";
}

var cR = 0;
var cG = 0;
var cB = 0;

var csteps = 0;

function resetCol()
{
csteps = 0;	
cR = 0;
cG = 0;
cB = 0;

updateCurrent();

col = "#" + curToHex(cR) + "00";
document.getElementById("currentRed").style.background = col;
document.getElementById("currentRed").innerHTML = " "+cR+" ";

col = "#0" + curToHex(cG);
document.getElementById("currentGreen").style.background = col;
document.getElementById("currentGreen").innerHTML = " "+cG+" ";

col = "#00" + curToHex(cB);
document.getElementById("currentBlue").style.background = col;
document.getElementById("currentBlue").innerHTML = " "+cB+" ";
}

function addRed()
{
if (csteps == steps) return;

cR ++;
csteps ++;
updateCurrent();

col = "#" + curToHex(cR) + "00";
document.getElementById("currentRed").style.background = col;
document.getElementById("currentRed").innerHTML = " "+cR+" ";;
}

function addGreen()
{
if (csteps == steps) return;

cG ++;
csteps ++;
updateCurrent();

col = "#0" + curToHex(cG) + "0";
document.getElementById("currentGreen").style.background = col;
document.getElementById("currentGreen").innerHTML = " "+cG+" ";
}

function addBlue()
{
if (csteps == steps) return;

cB ++;
csteps ++;
updateCurrent();

col = "#00" + curToHex(cB);
document.getElementById("currentBlue").style.background = col;
document.getElementById("currentBlue").innerHTML = " "+cB+" ";
}

function updateCurrent()
{
col = "#" + curToHex(cR) + curToHex(cG) + curToHex(cB);
document.getElementById("current").style.background = col;

document.getElementById("currentTxt").innerHTML = "Click: " + csteps + "/" + steps;

if (col == matchCol)
{
document.getElementById("currentTxt").innerHTML = "<span style='color: #1a1'>Matched!</span> <a href='javascript:window.location.reload()'>Have another go!</a>";
}
else if (csteps == steps)
{
document.getElementById("currentTxt").innerHTML = "Failed! Try again: <a href='javascript:resetCol()'>Same</a> or <a href='javascript:window.location.reload()'>New</a> colour";
}

}

function curToHex(f)
{
   if (f<=0)
   {
      return 0;
   }
   if (f<=1)
   {
      return 3;
   }
   if (f<=2)
   {
      return 6;
   }
   if (f<=3)
   {
      return 9;
   }
   if (f<=4)
   {
      return "C";
   }
   return "F";
}