// Data and instructions for display of a Kick Back & Stitch design

function stopErr() {
  var msg = ""
  msg += "JavaScript error has occurred!" + "\n"
  msg += "Cannot display the desired information." + "\n\n"
  msg += "Your browser is: " + navigator.appName + " " + navigator.appVersion
  alert(msg)
  return true
}

function makeArray() {
  var args = makeArray.arguments
  for (var i=0; i < args.length; i++) {
    this[i] = args[i]
  }
  this.length = args.length
}

function ShowPicture(bookNum) {
  window.onerror = stopErr
  var pictTitle  = new Array()
  var pictImage  = new Array()
  var pictWidth  = new Array()
  var pictHeight = new Array()
  var winWidth
  var winHeight
  // Define the pictures
  pictTitle[00] = "Not Found!"
  pictImage[00] = "images/notavailable.gif"
  pictWidth[00] = 175; pictHeight[00] = 175
  pictTitle[01] = "XO#1 - XOctagon #1"
  pictImage[01] = "images/XO-01.jpg"
  pictWidth[01] = 255; pictHeight[01] = 252
  pictTitle[02] = "XO#2 - XOctagon #2"
  pictImage[02] = "images/XO-02.jpg"
  pictWidth[02] = 250; pictHeight[02] = 252
  pictTitle[03] = "XO#3 - XOctagon #3"
  pictImage[03] = "images/XO-03.jpg"
  pictWidth[03] = 256; pictHeight[03] = 252
  pictTitle[04] = "XO#4 - XOctagon #4"
  pictImage[04] = "images/XO-04.jpg"
  pictWidth[04] = 250; pictHeight[04] = 252
  pictTitle[05] = "XO#5 - XOctagon #5"
  pictImage[05] = "images/XO-05.jpg"
  pictWidth[05] = 248; pictHeight[05] = 252
  pictTitle[06] = "XO#6 - XOctagon #6"
  pictImage[06] = "images/XO-06.jpg"
  pictWidth[06] = 257; pictHeight[06] = 252
  pictTitle[07] = "XO#7 - XOctagon #7"
  pictImage[07] = "images/XO-07.jpg"
  pictWidth[07] = 251; pictHeight[07] = 252
  pictTitle[08] = "XO#8 - XOctagon #8"
  pictImage[08] = "images/XO-08.jpg"
  pictWidth[08] = 254; pictHeight[08] = 252
  pictTitle[09] = "XO#9 - XOctagon #9"
  pictImage[09] = "images/XO-09.jpg"
  pictWidth[09] = 255; pictHeight[09] = 252
  pictTitle[10] = "XO#10 - XOctagon #10"
  pictImage[10] = "images/XO-10.jpg"
  pictWidth[10] = 250; pictHeight[10] = 252
  pictTitle[11] = "XO#11 - XOctagon #11"
  pictImage[11] = "images/XO-11.jpg"
  pictWidth[11] = 252; pictHeight[11] = 252
  pictTitle[12] = "XO#12 - XOctagon #12"
  pictImage[12] = "images/XO-12.jpg"
  pictWidth[12] = 253; pictHeight[12] = 252
  pictTitle[13] = "XO#13 - XOctagon #13"
  pictImage[13] = "images/XO-13.jpg"
  pictWidth[13] = 254; pictHeight[13] = 252
  pictTitle[14] = "XO#14 - XOctagon #14"
  pictImage[14] = "images/XO-14.jpg"
  pictWidth[14] = 248; pictHeight[14] = 252
  pictTitle[15] = "XO#15 - XOctagon #15"
  pictImage[15] = "images/XO-15.jpg"
  pictWidth[15] = 250; pictHeight[15] = 252
  pictTitle[16] = "XO#16 - XOctagon #16"
  pictImage[16] = "images/XO-16.jpg"
  pictWidth[16] = 250; pictHeight[16] = 252
  pictTitle[17] = "XO#17 - XOctagon #17"
  pictImage[17] = "images/XO-17.jpg"
  pictWidth[17] = 255; pictHeight[17] = 252
  pictTitle[18] = "XO#18 - XOctagon #18"
  pictImage[18] = "images/XO-18.jpg"
  pictWidth[18] = 258; pictHeight[18] = 252
  pictTitle[19] = "XO#19 - XOctagon #19"
  pictImage[19] = "images/XO-19.jpg"
  pictWidth[19] = 255; pictHeight[19] = 252
  pictTitle[20] = "XO#20 - XOctagon #20"
  pictImage[20] = "images/XO-20.jpg"
  pictWidth[20] = 255; pictHeight[20] = 252
  pictTitle[21] = "XO#21 - XOctagon #21"
  pictImage[21] = "images/XO-21.jpg"
  pictWidth[21] = 258; pictHeight[21] = 252
  pictTitle[22] = "XO#22 - XOctagon #22"
  pictImage[22] = "images/XO-22.jpg"
  pictWidth[22] = 254; pictHeight[22] = 252
  pictTitle[23] = "XO#23 - XOctagon #23"
  pictImage[23] = "images/XO-23.jpg"
  pictWidth[23] = 257; pictHeight[23] = 252
  pictTitle[24] = "XO#24 - XOctagon #24"
  pictImage[24] = "images/XO-24.jpg"
  pictWidth[24] = 257; pictHeight[24] = 252
  pictTitle[25] = "XO#25 - XOctagon #25"
  pictImage[25] = "images/XO-25.jpg"
  pictWidth[25] = 257; pictHeight[25] = 252
  pictTitle[26] = "XO#26 - XOctagon #26"
  pictImage[26] = "images/XO-26.jpg"
  pictWidth[26] = 253; pictHeight[26] = 252
  pictTitle[27] = "XO#27 - XOctagon #27"
  pictImage[27] = "images/XO-27.jpg"
  pictWidth[27] = 252; pictHeight[27] = 252
  pictTitle[28] = "XO#28 - XOctagon #28"
  pictImage[28] = "images/XO-28.jpg"
  pictWidth[28] = 254; pictHeight[28] = 252
  pictTitle[29] = "XO#29 - XOctagon #29"
  pictImage[29] = "images/XO-29.jpg"
  pictWidth[29] = 247; pictHeight[29] = 252
  pictTitle[30] = "XO#30 - XOctagon #30"
  pictImage[30] = "images/XO-30.jpg"
  pictWidth[30] = 256; pictHeight[30] = 252
  pictTitle[31] = "XO#31 - XOctagon #31"
  pictImage[31] = "images/XO-31.jpg"
  pictWidth[31] = 255; pictHeight[31] = 252
  pictTitle[32] = "XO#32 - XOctagon #32"
  pictImage[32] = "images/XO-32.jpg"
  pictWidth[32] = 251; pictHeight[32] = 252
  pictTitle[33] = "XO#33 - XOctagon #33"
  pictImage[33] = "images/XO-33.jpg"
  pictWidth[33] = 257; pictHeight[33] = 252
  pictTitle[34] = "XO#34 - XOctagon #34"
  pictImage[34] = "images/XO-34.jpg"
  pictWidth[34] = 250; pictHeight[34] = 252
  pictTitle[35] = "XO#35 - XOctagon #35"
  pictImage[35] = "images/XO-35.jpg"
  pictWidth[35] = 256; pictHeight[35] = 252
  pictTitle[36] = "XO#36 - XOctagon #36"
  pictImage[36] = "images/XO-36.jpg"
  pictWidth[36] = 250; pictHeight[36] = 252
  pictTitle[37] = "XO#37 - XOctagon #37"
  pictImage[37] = "images/XO-37.jpg"
  pictWidth[37] = 257; pictHeight[37] = 252
  pictTitle[38] = "XO#38 - XOctagon #38"
  pictImage[38] = "images/XO-38.jpg"
  pictWidth[38] = 256; pictHeight[38] = 252
  pictTitle[39] = "XO#39 - XOctagon #39"
  pictImage[39] = "images/XO-39.jpg"
  pictWidth[39] = 256; pictHeight[39] = 252
  pictTitle[40] = "XO#40 - XOctagon #40"
  pictImage[40] = "images/XO-40.jpg"
  pictWidth[40] = 257; pictHeight[40] = 252
  pictTitle[41] = "XO#41 - XOctagon #41"
  pictImage[41] = "images/XO-41.jpg"
  pictWidth[41] = 256; pictHeight[41] = 252
  pictTitle[42] = "XO#42 - XOctagon #42"
  pictImage[42] = "images/XO-42.jpg"
  pictWidth[42] = 253; pictHeight[42] = 252
  pictTitle[43] = "XO#43 - XOctagon #43"
  pictImage[43] = "images/XO-43.jpg"
  pictWidth[43] = 253; pictHeight[43] = 252
  pictTitle[44] = "XO#44 - XOctagon #44"
  pictImage[44] = "images/XO-44.jpg"
  pictWidth[44] = 252; pictHeight[44] = 252
  pictTitle[45] = "XO#45 - XOctagon #45"
  pictImage[45] = "images/XO-45.jpg"
  pictWidth[45] = 248; pictHeight[45] = 252
  pictTitle[46] = "I:S&C - Icicles: Snowman &amp; Concha"
  pictImage[46] = "images/Snowman-Concha.jpg"
  pictWidth[46] = 252; pictHeight[46] = 252
  pictTitle[47] = "I:S&S - Icicles: Snowflake &amp; Star"
  pictImage[47] = "images/Snowflake-Star.jpg"
  pictWidth[47] = 252; pictHeight[47] = 252
  // Find the desired picture number from the given book number
  var pictNum = 0
  for (var i=1; i < pictImage.length; i++) {
    if (pictTitle[i].indexOf(bookNum) >= 0) {
      pictNum = i; i = pictImage.length
      pictTitle[pictNum] = pictTitle[pictNum].substr(pictTitle[pictNum].indexOf('- ') + 2)
    }
  }
  //pictImage[pictNum] = "http://members.aol.com/CustomHouseOfNA/charts/KBS/" + pictImage[pictNum]
  winWidth  = pictWidth[pictNum] + 84
  winHeight = pictHeight[pictNum] + 184
  if (pictWidth[pictNum] < 240) {
    winWidth += 240 - pictWidth[pictNum]
  }
  // Define the window parameters
  var windowFeatures = "scrollbars,"
  if (navigator.appName == "Microsoft Internet Explorer") {
    windowFeatures += "width=" + winWidth + ",left=0,top=0"
  } else {
    windowFeatures += "width=" + winWidth + ",height=" + winHeight + ",screenX=0,screenY=0"
  }
  // Open the new window
  var repWindow = window.open("_blank_.html","MyWin",windowFeatures)
  if (repWindow != null) {
    // Create the new html text
    var repPage = ""
    repPage += "<HTML><HEAD><TITLE>Kick Back &amp; Stitch</TITLE>" + "\n"
    repPage += "</HEAD>" + "\n"
    repWindow.document.write(repPage); repPage = ""
    repPage += "<BODY BGCOLOR=Lime>" + "\n"
    repPage += "<P ALIGN=CENTER><BIG><BIG><B>Kick Back &amp; Stitch</B></BIG></BIG>" + "\n"
    repPage += "<P><CENTER><TABLE BGCOLOR=#FFFFFF CELLPADDING=6 ALIGN=Center><TR><TD>" + "\n"
    if (pictTitle[pictNum].indexOf(" / ") < 0) {
    repPage += "<P ALIGN=CENTER><B>" + pictTitle[pictNum] + "</B>" + "\n"
    } else {
    repPage += "<P ALIGN=CENTER><B>"
    repPage += pictTitle[pictNum].substr(0,pictTitle[pictNum].indexOf(" / ") + 2) + "<BR>"
    repPage += pictTitle[pictNum].substr(pictTitle[pictNum].indexOf(" / ") + 3)
    repPage += "</B>" + "\n"
    }
    repWindow.document.write(repPage); repPage = ""
    repPage += "<P ALIGN=CENTER><IMG SRC=\"" + pictImage[pictNum] + "\""
    repPage += " WIDTH=" + pictWidth[pictNum] + " HEIGHT=" + pictHeight[pictNum]
    repPage += " ALT=\"" + pictTitle[pictNum] + "\">" + "\n"
    repPage += "</TD></TR></TABLE></CENTER>" + "\n"
    repWindow.document.write(repPage); repPage = ""
    repPage += "<P ALIGN=CENTER><A HREF=javascript:window.close() "
    repPage += "ONMOUSEOVER=\"window.status='Close this window';return true\" "
    repPage += "ONMOUSEOUT=\"window.status='';return true\">Close</A>" + "\n"
    repWindow.document.write(repPage); repPage = ""
    repPage += "</BODY></HTML>" + "\n"
    repWindow.document.write(repPage)
    repWindow.document.close()
  }
}