PageGenerator = function(numPages) {
    this.numPages = numPages;
    this.resourceArray = new Array();
    this.resourceArray[this.resourceArray.length]= "assets/page00.jpg";

    for (var i=5; i<=this.numPages; i++){
        this.resourceArray[this.resourceArray.length] = "assets/page" + getTwoDigitInt(i) + ".jpg";
    }
}

PageGenerator.prototype.getPageString = function(pageNumber, isThumbnail)
{
  var retStr = "";
  if (pageNumber < 0)
  {
    return retStr;
  }
  retStr =  "<Canvas>";
  if (pageNumber == 0)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page00.jpg' Stretch='Fill'/>";
    retStr += "</Canvas>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";    
    return retStr;
  }
  else if (pageNumber == 1)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page01.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1850' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 2)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page02.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 3)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page03.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1950, wagon wheels in The Barn' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 4)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page04.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 5)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page05.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1950, Tom Gye removing the iron' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 6)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page06.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 7)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page07.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1950, Tom Gye with the old iron' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 8)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page08.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 9)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page09.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1950, wheel with new rim' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 10)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page10.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 11)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page11.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1950, taping the iron in place' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 12)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page12.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 13)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page13.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1950, positioning the wheel' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 14)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page14.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 15)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page15.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1950, cooling the iron' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 16)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page16.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 17)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page17.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1950, taping the iron in place' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 18)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page18.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 19)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page19.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1985, original pitched roof' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 20)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page20.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 21)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page21.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1985, Wood Store, Inner Yard' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 22)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page22.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 23)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page23.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1985, repairing The Barn roof' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 24)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page24.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 25)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page25.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1986, Aerial View incl White Street' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 26)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page26.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 27)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page27.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1990, Front Yard looking East' FontSize='14' Foreground='#480096' Opacity='1'/>";
  } 
  else if (pageNumber == 28)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page28.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 29)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page29.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1990, from White Street' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 30)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page30.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 31)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page31.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1990, Brick stock and the Shop' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 32)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page32.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 33)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page33.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c1990, White Street looking North' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 34)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page34.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 35)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page35.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2006' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 36)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page36.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 37)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page37.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, from White Street' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 38)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page38.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 39)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page39.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, The Barn (L), The Forge (R)' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 40)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page40.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 41)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page41.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, The Forge (L), The Sawmills (R)' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 42)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page42.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 43)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page43.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, The Forge (L), The Sawmills (R)' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 44)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page44.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 45)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page45.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, The Inner Yard' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 46)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page46.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 47)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page47.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, Carpenters (L), Stonemasons (R)' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 48)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page48.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 49)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page49.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, The Carpenters' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 50)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page50.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 51)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page51.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, Stonemasons, The Muddle' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 52)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page52.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 53)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page53.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, Bricklayers (L), Stonemasons (R)' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 54)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page54.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 55)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page55.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008 Bricklayers (L), Stonemasons (R)' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 56)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page56.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 57)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page57.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, Inner Yard looking East' FontSize='14' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 58)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page58.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  }
  else if (pageNumber == 59)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page59.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='10' Text='Gyes Old Yard c2008, The Barn' FontSize='14' Foreground='#480096' Opacity='1'/>";
  } 
  else if (pageNumber == 60)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page60.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='215' Canvas.Top='547' Text='click and drag to turn the pages' FontSize='10' Foreground='#480096' Opacity='1'/>";
  } 
  else if (pageNumber == 61)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page61.jpg' Stretch='Fill'/>";
    retStr += "  <TextBlock Canvas.Left='15' Canvas.Top='547' Text='click and drag to turn back' FontSize='10' Foreground='#480096' Opacity='1'/>";
  } 
  else if (pageNumber == 62)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page62.jpg' Stretch='Fill'/>";
  }     
  if ((pageNumber % 2) == 1) {
      retStr += "  <Path Data='M 420,570 h -420 v -570 h 420' Stroke='White' StrokeThickness='15'/>";
  } else {
      retStr += "  <Path Data='M 0,0 h 420 v 570 h -420' Stroke='White' StrokeThickness='15'/>";
  }

  retStr += "</Canvas>";
  return retStr;
}