var merkstor = -1; var merkfild = -1; var fertig = 0; 
var anfang = 1; var second = 0.; var ie; var jarotate = 1;
var nmov,mrot,nrot;
function initialize()
{
  mrot = 0;
  for (var i=0; i<row*col; i++) {
    document.card[i].src = "../img/cactus_160.jpg";
    document.cara[i].src = "../img/transp_100.gif";
    stop[i] = orip[i]; stoo[i] = orio[i];
    document.stor[i].src = sorc[orip[i]][orio[i]];
    document.stoa[i].src = "../img/transp_100.gif";
    picp[i] = -1; pico[i] = 0.; 
    if (orio[i]!=0) mrot+=1; }
  jarotate = 1; fertig = 0.; nmov = 0; nrot = 0; anfang = 1; second = 0.;
  clearTimeout(ie);
  document.getElementById('uhr').style.backgroundColor = "transparent";
  document.getElementById('t270').style.backgroundColor = "cyan";
  document.getElementById('t270').value = "270";
  document.getElementById('t180').style.backgroundColor = "cyan";
  document.getElementById('t180').value = "180";
  document.getElementById('t090').style.backgroundColor = "cyan";
  document.getElementById('t090').value = "90";
  document.getElementById('ttes').style.backgroundColor = "red";
  document.getElementById('ttes').value = "Test";
  document.getElementById('tnro').style.backgroundColor = "lawngreen";
  document.getElementById('tnro').value = "norot";
  document.getElementById('erg').value = " ";
  return;
}
function clikstor(i)
{
  if(fertig) return;
  if(anfang) { anfang=0; runclock(); }
  if(stop[i]>=0) {                                       // angeklicktes Feld ist besetzt
    if(merkstor >= 0) { document.stoa[merkstor].src = "../img/transp_100.gif"; }
    if(merkfild >= 0) { document.cara[merkfild].src = "../img/transp_100.gif"; merkfild = -1; }
    document.stoa[i].src = "../img/redbor_100.gif";
  } else {                                               // angeklicktes Feld ist unbesetzt
    nmov += 1;
    if(merkstor >= 0) { mv_stosto(i); }
    if(merkfild >= 0) { mv_filsto(i); }
  }
  merkstor = i;
  return;
}
function clikfild(i)
{
  if(fertig) return;
  if(picp[i]>=0) {                                       // angeklicktes Feld ist besetzt
    if(merkstor >= 0) { document.stoa[merkstor].src = "../img/transp_100.gif"; merkstor = -1; }
    if(merkfild >= 0) { document.cara[merkfild].src = "../img/transp_100.gif"; }
    document.cara[i].src = "../img/redbor_100.gif";
  } else {                                               // angeklicktes Feld ist unbesetzt
    nmov += 1;
    if(merkstor >= 0) { mv_stofil(i); }
    if(merkfild >= 0) { mv_filfil(i); }
  }
  merkfild = i;
  return;
}
function mv_stofil(i)
{
  picp[i] = stop[merkstor]; pico[i] = stoo[merkstor];
  document.card[i].src = sorc[picp[i]][pico[i]];
  document.cara[i].src = "../img/redbor_100.gif";
  document.stor[merkstor].src = "../img/cactus_160.jpg";
  document.stoa[merkstor].src = "../img/transp_100.gif";
  stop[merkstor] = -1; stoo[merkstor] = -1; merkstor = -1;
  correct();
  return;
}
function mv_filsto(i)
{
  stop[i] = picp[merkfild]; stoo[i] = pico[merkfild] 
  document.stor[i].src = sorc[stop[i]][stoo[i]];
  document.stoa[i].src = "../img/redbor_100.gif";
  document.card[merkfild].src = "../img/cactus_160.jpg";
  document.cara[merkfild].src = "../img/transp_100.gif";
  picp[merkfild] = -1; pico[merkfild] = -1; merkfild = -1;
  return;
}
function mv_filfil(i)
{
  picp[i] = picp[merkfild]; pico[i] = pico[merkfild];
  document.card[i].src = sorc[picp[i]][pico[i]];
  document.cara[i].src = "../img/redbor_100.gif";
  document.card[merkfild].src = "../img/cactus_160.jpg";
  document.cara[merkfild].src = "../img/transp_100.gif";
  picp[merkfild] = -1; pico[merkfild] = -1;
  correct();
  return;
}
function mv_stosto(i)
{
  stop[i] = stop[merkstor]; stoo[i] = stoo[merkstor];
  document.stor[i].src = sorc[stop[i]][stoo[i]];
  document.stoa[i].src = "../img/redbor_100.gif";
  document.stor[merkstor].src = "../img/cactus_160.jpg";
  document.stoa[merkstor].src = "../img/transp_100.gif";
  stop[merkstor] = -1; stoo[merkstor] = -1;
  return;
}
function rotate(i)
{
  if(fertig || !jarotate) return;
  nrot += 1;
  if(merkstor>=0) {
    stoo[merkstor] = stoo[merkstor] + i;
    if(stoo[merkstor]>3) stoo[merkstor] = stoo[merkstor] - 4;
    document.stor[merkstor].src = sorc[stop[merkstor]][stoo[merkstor]]; }
  if(merkfild>=0) {
    pico[merkfild] = pico[merkfild] + i;
    if(pico[merkfild]>3) pico[merkfild] = pico[merkfild] - 4;
    document.card[merkfild].src = sorc[picp[merkfild]][pico[merkfild]]; 
    correct(); }
  return;
}
function norotate()          // switches rotation off
{
  for(var i=0; i<row*col; i++) {
    if(stoo[i]>=0) { 
       stoo[i] = 0;
       document.stor[i].src = sorc[orip[i]][0]; }
    pico[i] = 0;
    if(picp[i]>=0) { document.card[i].src = sorc[picp[i]][0]; }
    jarotate = 0; }
  correct();
  document.getElementById('t270').style.backgroundColor = "transparent";
  document.getElementById('t270').value = "";
  document.getElementById('t180').style.backgroundColor = "transparent";
  document.getElementById('t180').value = "";
  document.getElementById('t090').style.backgroundColor = "transparent";
  document.getElementById('t090').value = "";
  document.getElementById('tnro').style.backgroundColor = "transparent";
  document.getElementById('tnro').value = "";
  return;
}
function test()
{
  for(var i=0; i<row*col; i++) {
    if(((picp[i] != i)||(pico[i] != 0)) && (picp[i]>=0)){
      document.cara[i].src = "../img/blubor_100.gif";
    }}
}
function correct()
{
  for(var i=0; i<row*col; i++) {
    if(picp[i] != i) return;
    if(pico[i] != 0) return; }
  fertig = 1;
  for(var i=0; i<row*col; i++) { document.cara[i].src = "../img/transp_100.gif"; }
  clearTimeout(ie);
  document.getElementById('uhr').style.backgroundColor = "red";
  document.getElementById('t270').style.backgroundColor = "transparent";
  document.getElementById('t270').value = "";
  document.getElementById('t180').style.backgroundColor = "transparent";
  document.getElementById('t180').value = "";
  document.getElementById('t090').style.backgroundColor = "transparent";
  document.getElementById('t090').value = "";
  document.getElementById('ttes').style.backgroundColor = "transparent";
  document.getElementById('ttes').value = "";
  document.getElementById('tnro').style.backgroundColor = "transparent";
  document.getElementById('tnro').value = "";
  result();
  document.gsp.uhr.focus();
  return;
}
function runclock()
{
  min = Math.floor(second/60);
  sec = (second - min*60)+'';
  if (sec.length==1) {sec = "0"+sec;}
  document.gsp.uhr.value = min + ":" + sec;
  second++;
  ie = setTimeout('runclock()',1000);
}