// ------ this function is all you need to modify in this script ------
 
function defineImages() {
  picPool[0] = new picPara("Spuzzle1.jpg",420,540,4,5,10,"Sarah lächelt, 420x540, 4x5, 55kb");
  picPool[1] = new picPara("Spuzzle2.jpg",640,480,5,8,10,"Unser Trouble, 640x480, 5x8, 76kb");
  picPool[2] = new picPara("Spuzzle3.jpg",640,480,5,8,10,"Der kleine Mudi Moppel, 640x480, 8x5, 15kb");
  picPool[3] = new picPara("Spuzzle4.jpg",640,480,8,6,10,"Sarah und Max im Schnee, 640x480, 8x6, 55kb");
  picPool[4] = new picPara("Spuzzle5.jpg",420,540,4,5,10,"Sarah im Schnee, 480x640, 4x5, 56kb");
  picPool[5] = new picPara("Spuzzle6.jpg",480,640,5,8,10,"Sarah und Max ziemlich gierig, 480x640, 5x8, 55kb");
  picPool[6] = new picPara("Spuzzle7.jpg",640,480,8,6,10,"Eine nette Kuh, 640x480, 8x6, 56kb");
  picPool[7] = new picPara("Spuzzle8.jpg",640,480,8,6,10,"Sarah am Meer, 640x480, 8x6, 55kb");
  picPool[8] = new picPara("Spuzzle9.jpg",540,420,4,5,10,"Sarah Metallapport, 540x420, 4x5, 23kb");
  picPool[9] = new picPara("Spuzzle10.jpg",560,420,4,6,10,"Sarah & Moppel, 560x420, 4x6, 40kb");
  picPool[10] = new picPara("Spuzzle11.jpg",320,480,4,6,10,"Sarah mit Siegerschleife, 320x480, 4x6, 30kb");
  picPool[11] = new picPara("Spuzzle12.jpg",420,560,5,8,10,"Moppel mit Spülbürste, 420x560, 5x8, 45kb");
}
 
//------ you don't need to care about the following codes ------
 
var isIE4 = false; isNN4 = false;
 
var picPool = new Array();
var pic_image_source = "";
var pic_image_width = 0;
var pic_image_height = 0;
var pic_grip_x = 1;
var pic_grip_y = 1;
var pic_table_gap = 0;
 
var puzzle_window = null;
 
function mouseHover() {
  window.status = picPool[this.index].info;
  return true;
}
 
function mouseGone() {
  window.status = window.defaultStatus;
  return true;
}
 
function mouseClick() {
  goPuzzleX(this.index);
  return false;
}
 
function picPara(image_source,image_width,image_height,grip_x,grip_y,table_gap,image_info) {
  this.source = image_source;
  this.width = image_width;
  this.height = image_height;
  this.grip_x = grip_x;
  this.grip_y = grip_y;
  this.table_gap = table_gap;
  this.info = image_info;
}
 
function setupImages() {
  isIE4 = (document.all)?true:false; isNN4 = (document.layers)?true:false;
 
  defineImages();
 
  var linksCount = document.links.length, hashIndex = -1, puzzleIndex = -1, hashTag = "puzzlex";
  for (var i = 0; i < linksCount; i++) {
    hashIndex = document.links[i].hash.indexOf(hashTag);
    if (hashIndex != -1) {
      puzzleIndex = parseInt(document.links[i].hash.substring(hashIndex+7));
      document.links[i].index = puzzleIndex;
      document.links[i].onmouseover = mouseHover;
      document.links[i].onmouseout = mouseGone;
      document.links[i].onclick = mouseClick;
    }
  }
}
 
function Build_Puzzle() {
  var window_para = "width=" + (pic_image_width + pic_table_gap * 6) +",height=" + (pic_image_height + pic_table_gap * 6) + ",titlebar=1";
 
  if (isIE4 || isNN4) {
    if (puzzle_window != null)
      if (!puzzle_window.closed)
        puzzle_window.close();
 
    puzzle_window = window.open("puzzlex.html", "Puzzle_Window", window_para); }
  else {
    alert("Sorry !\Aber für dieses Puzzle benötigst Du den Internet Explorer ab Version 4.");
  }
}
 
function goPuzzleX(pic_index) {
  pic_image_source = picPool[pic_index].source;
  pic_image_width = picPool[pic_index].width;
  pic_image_height = picPool[pic_index].height;
  pic_grip_x = picPool[pic_index].grip_x;
  pic_grip_y = picPool[pic_index].grip_y;
  pic_table_gap = picPool[pic_index].table_gap;
 
  Build_Puzzle();
}