var liste1 = new Array('trans','2','3');
var liste2 = new Array('4','5','6');
var liste3 = new Array('7','8','9');

function moveImg(x,y)
{
 //listen umwandeln in zeilen
 switch(x)
 {
  case 1:liste_o = new Array('','',''); liste = liste1; liste_u = liste2; break;
  case 2:liste_o = liste1; liste = liste2; liste_u = liste3; break;
  case 3:liste_o = liste2; liste = liste3; liste_u = new Array('','','',''); break;
 }
 if(liste_o[y-1] == 'trans'){liste_o[y-1] = liste[y-1]; liste[y-1] = 'trans';}
 else if(liste_u[y-1] == 'trans'){liste_u[y-1] = liste[y-1]; liste[y-1] = 'trans';}
 else if(y-2 >= 0 && liste[y-2] == 'trans'){liste[y-2] = liste[y-1]; liste[y-1] = 'trans';}
 else if(y <= 2 && liste[y] == 'trans'){liste[y] = liste[y-1]; liste[y-1] = 'trans';}

 //zeilen zurueck wandeln in listen
 switch(x)
 {
  case 1:liste1 = liste; liste2 = liste_u; break;
  case 2:liste1 = liste_o; liste2 = liste; liste3 = liste_u; break;
  case 3:liste2 = liste_o; liste3 = liste; break;
 }
 DisplayListen();
}

function DisplayListen()
{
 document.i1.src = 'spuzzle1/'+'g_'+liste1[0]+'.jpg';
 document.i2.src = 'spuzzle1/'+'g_'+liste1[1]+'.jpg';
 document.i3.src = 'spuzzle1/'+'g_'+liste1[2]+'.jpg';
 document.i4.src = 'spuzzle1/'+'g_'+liste2[0]+'.jpg';
 document.i5.src = 'spuzzle1/'+'g_'+liste2[1]+'.jpg';
 document.i6.src = 'spuzzle1/'+'g_'+liste2[2]+'.jpg';
 document.i7.src = 'spuzzle1/'+'g_'+liste3[0]+'.jpg';
 document.i8.src = 'spuzzle1/'+'g_'+liste3[1]+'.jpg';
 document.i9.src = 'spuzzle1/'+'g_'+liste3[2]+'.jpg';
 CheckWin();
}

function Durcheinander()
{
 liste1 = new Array('','','');
 liste2 = new Array('','','');
 liste3 = new Array('','','');
 resource = new Array('trans','2','3','4','5','6','7','8','9');
 //durcheinander bringen
 for(i=0;i<9;i++)
 {
  a = resource[i];
  b = Math.round(Math.random()*8);
  resource[i] = resource[b];
  resource[b] = a;
 }

 liste1[0] = resource[0]; liste1[1] = resource[1]; liste1[2] = resource[2]; 
 liste2[0] = resource[3]; liste2[1] = resource[4]; liste2[2] = resource[5]; 
 liste3[0] = resource[6]; liste3[1] = resource[7]; liste3[2] = resource[8]; 
 
 DisplayListen();
}

function CheckWin()
{
 if
 (liste1[0] == 'trans' && liste1[1] == '2' && liste1[2] == '3' && liste2[0] == '4' && liste2[1] == '5' && liste2[2] == '6' && liste3[0] == '7' && liste3[1] == '8' && liste3[2] == '9')
 {
  Check = confirm('Super! Noch einmal?');
  if(Check == true) Durcheinander();
 }
}

function vorein()
{
 if(document.getElementById)
   document.getElementById("vorschau").style.visibility = "visible";

}
  
function voraus()
{
 if(document.getElementById)
   document.getElementById("vorschau").style.visibility = "hidden";
}