var selected  = null; 
var playeranz = 0; 


function getImage(obj)
{
  if(obj == null) return null;
  if(obj.nodeName == 'img' || obj.nodeName == 'IMG') return obj;
  if(obj.childNodes)
    {
      for(var i = 0;i < obj.childNodes.length;i++)
	{
	  var c = getImage(obj.childNodes[i]); 
	  if(c != null) return c;
	}
    }
  return null;
}






function preselect(id)
{
  if(selected != null)
    {
      var sdiv = document.getElementById(selected);
      sdiv.style.border = "2px solid #a40000"
    }

  var div = document.getElementById(id);
  div.style.border = "2px solid white"
    
  selected = id;
}

function createcell(x,y)
{ 
  
  var div  = document.getElementById("cell_"+x+"_"+y);
  if(document.getElementById("cell_"+(x-1)+"_"+(y-1)) == null
     || document.getElementById("cell_"+(x+1)+"_"+(y+1)) == null)
    {
      //it's border 
      return;
    }


  var idiv = document.getElementById("icell_"+x+"_"+y);
  var img  = getImage(div);
  if(idiv.value == 'player' && playeranz > 0)
    playeranz--;

  if(selected == 'casebox')
    {
      img.src = '/skin/default/holz.jpg';
      idiv.value = 'casebox';
    }
  if(selected == 'buttom')
    {
      img.src = '/skin/default/pflaster.jpg';
      idiv.value = 'buttom';
    }
  if(selected == 'border')
    {
      img.src = '/skin/default/stein.jpg';
      idiv.value = 'border';
    }
  if(selected == 'player')
    {
      if(playeranz >=4) return;
      playeranz++;
      img.src = '/skin/all/bsd.jpg';
      idiv.value = 'player';
    }
  if(selected == 'ghost')
    {
      img.src = '/skin/all/ghost.jpg';
      idiv.value = 'ghost';
    }
  if(selected == 'cloud')
    {
      img.src = '/skin/all/cloud.jpg';
      idiv.value = 'cloud';
    }
  if(selected == 'skeleton')
    {
      img.src = '/skin/all/skeleton.jpg';
      idiv.value = 'skeleton';
    }
}



//init 
preselect('casebox');