// ------ this function is all you need to modify in this script ------


function defineImages() {
  picPool[0] = new picPara("b/0.jpg",640,480,5,4,6,"Landschaft");
  picPool[1] = new picPara("b/1.jpg",640,480,5,4,6,"Schloss");
  picPool[2] = new picPara("b/2.jpg",640,480,5,4,6,"künstliche Blume");
  picPool[3] = new picPara("b/3.jpg",640,480,5,4,6,"Zwerg");
  picPool[4] = new picPara("b/4.jpg",640,480,5,4,6,"Steine");
  picPool[5] = new picPara("b/5.jpg",640,480,5,4,6,"Blumen");
  picPool[6] = new picPara("b/6.jpg",640,480,5,4,6,"Vogel");
  picPool[7] = new picPara("b/7.jpg",640,480,5,4,6,"Wasser/Landschaft");
  picPool[8] = new picPara("b/8.jpg",640,480,5,4,6,"Wasserfall");
  picPool[9] = new picPara("b/9.jpg",640,480,5,4,6,"Wasser");
  picPool[10] = new picPara("b/10.jpg",640,480,5,4,6,"Bach");
  picPool[11] = new picPara("b/11.jpg",640,480,5,4,6,"Landschaft");
  picPool[12] = new picPara("b/12.jpg",640,480,5,4,6,"Schloss");
  picPool[13] = new picPara("b/13.jpg",640,480,5,4,6,"Strand");
  picPool[14] = new picPara("b/14.jpg",640,480,5,4,6,"Strasse");
  picPool[15] = new picPara("b/15.jpg",640,480,5,4,6,"im Hotel");
  picPool[16] = new picPara("b/16.jpg",640,480,5,4,6,"fettige Supe");
  picPool[17] = new picPara("b/17.jpg",640,480,5,4,6,"Globus");
  picPool[18] = new picPara("b/18.jpg",640,480,5,4,6,"Berge");
  picPool[19] = new picPara("b/19.jpg",640,480,5,4,6,"Kirche");
  picPool[20] = new picPara("b/20.jpg",640,480,5,4,6,"Sonnenuntergang");
  picPool[21] = new picPara("b/21.jpg",640,480,5,4,6,"See");
  picPool[22] = new picPara("b/22.jpg",640,480,5,4,6,"Hütte");
  picPool[23] = new picPara("b/23.jpg",640,480,5,4,6,"Hütte");
  picPool[24] = new picPara("b/24.jpg",640,480,5,4,6,"Kirchspitze");
  picPool[25] = new picPara("b/25.jpg",640,480,5,4,6,"");
  picPool[26] = new picPara("b/26.jpg",640,480,5,4,6,"");
  picPool[27] = new picPara("b/27.jpg",640,480,5,4,6,"");
  picPool[28] = new picPara("b/28.jpg",640,480,5,4,6,"");
  picPool[29] = new picPara("b/29.jpg",640,480,5,4,6,"");

  picPool[30] = new picPara("b/30.jpg",640,480,5,4,6,"Zug");
  picPool[31] = new picPara("b/31.jpg",640,480,5,4,6,"");
  picPool[32] = new picPara("b/32.jpg",640,480,5,4,6,"Gipfel");
  picPool[33] = new picPara("b/33.jpg",640,480,5,4,6,"");
  picPool[34] = new picPara("b/34.jpg",640,480,5,4,6,"");
  picPool[35] = new picPara("b/35.jpg",640,480,5,4,6,"");
  picPool[36] = new picPara("b/36.jpg",640,480,5,4,6,"");
  picPool[37] = new picPara("b/37.jpg",640,480,5,4,6,"");
  picPool[38] = new picPara("b/38.jpg",640,480,5,4,6,"Blume");
  picPool[39] = new picPara("b/39.jpg",640,480,5,4,6,"Blumen");
  picPool[40] = new picPara("b/40.jpg",640,480,5,4,6,"Pferd");
  picPool[41] = new picPara("b/41.jpg",640,480,5,4,6,"");
  picPool[42] = new picPara("b/42.jpg",640,480,5,4,6,"");
  picPool[43] = new picPara("b/43.jpg",640,480,5,4,6,"Kater");
  picPool[44] = new picPara("b/44.jpg",640,480,5,4,6,"Landschaft");
  picPool[45] = new picPara("b/45.jpg",640,480,5,4,6,"Blumen");
  picPool[46] = new picPara("b/46.jpg",640,480,5,4,6,"Straße");
  picPool[47] = new picPara("b/47.jpg",640,480,5,4,6,"");
  picPool[48] = new picPara("b/48.jpg",640,480,5,4,6,"");
  picPool[49] = new picPara("b/49.jpg",640,480,5,4,6,"");
}


//------ 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.php", "Puzzle_Window", window_para); }
  else {
    alert("Sorry !\nYou need a version 4 or above browser.");
  }
}


function goPuzzleX(pic_index) {
  pic_image_source = "http://www.topster.eu/puzzle/" + 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();

}
