function draw(sid,unitSize)
{ourTally=tiles[sid.id]
control=(unitSize*unitSize)+(unitSize*4)
if(ourTally>0)
{sid.style.color=countColor
sid.style.backgroundColor=tokenColor}
if(ourTally>1)
{sid.style.borderTopColor=controlColor}
if(ourTally>2)
{sid.style.borderRightColor=controlColor}
if(ourTally>3)
{sid.style.borderBottomColor=controlColor}
if(ourTally>4)
{sid.style.borderLeftColor=controlColor}
if(ourTally>control)
{sid.innerHTML=String(control)+"+"+String(ourTally-control)}
else
{sid.innerHTML=ourTally}}
function colorTerritory(sid)
{var units=document.getElementsByName('territory')
for(var x=0;x<units.length;x++)
{units[x].style.backgroundColor=sid.style.backgroundColor}}
function claim(sid)
{sid.style.backgroundColor=document.getElementsByName('territory')[0].style.backgroundColor}
function addToken(e)
{sid=e.target
tiles[sid.id]++
draw(sid,1)}
function tokenShift(e,x,y)
{sid=e.target.parentNode
newLeft=parseInt(sid.style.left)+(16*x)
newBottom=parseInt(sid.style.bottom)+(16*y)
newLeft=Math.min(newLeft,112)
newBottom=Math.min(newBottom,112)
newLeft=Math.max(newLeft,0)
newBottom=Math.max(newBottom,0)
sid.style.left=String(newLeft)+"px"
sid.style.bottom=String(newBottom)+"px"}
function subsumeSquare(e)
{sid=e.target
sid.style.bottom="0px"
sid.style.left="0px"
sid.style.width="56px"
sid.style.height="56px"
sid.style.borderWidth="4px"
draw(sid,2)
sid.style.cursor=null}