// requires - toc.js
// requires - tableutils.js

//--------------------
// to specialize, make changes to:
//   tocArr
//   displayTitle

//var DEBUG = false
var tocArr = new Array()


function initTOC()
{
  var idx = 0

  if (tocArr.length > 0)
    return

  tocArr[idx++] = new TOCitem("template.htm?Living", "Living Room", 1, "living","images/living.jpg", "", "Living Room")
  tocArr[idx++] = new TOCitem("template.htm?Dining", "Dining Room", 1, "dining", "images/dining.jpg", "", "Dining Room")
  tocArr[idx++] = new TOCitem("template.htm?Family", "Family Room", 1, "family","images/family.jpg", "", "Living Room")
  tocArr[idx++] = new TOCitem("template.htm?Master", "Master Bedroom", 1, "master", "images/master.jpg", "", "Master Bedroom")
  tocArr[idx++] = new TOCitem("template.htm?Kitchen", "Kitchen", 1, "kitchen", "images/kitchen.jpg", "", "Kitchen")
  tocArr[idx++] = new TOCitem("template.htm?Eat", "Eating Area", 1, "eating", "images/eating.jpg", "", "Eating Area")
  tocArr[idx++] = new TOCitem("template.htm?Br2", "Bedroom 2", 1, "br2", "images/br2.jpg", "", "Bedroom 2")
  tocArr[idx++] = new TOCitem("template.htm?Br3", "Bedroom 3", 1, "br3", "images/br3.jpg", "", "Bedroom 3")
//  tocArr[idx++] = new TOCitem("template.htm?Br4", "Bedroom 4", 1, "br4", "images/br4.jpg", "", "Bedroom 4")
  tocArr[idx++] = new TOCitem("template.htm?Loft", "Loft", 1, "loft", "images/loft.jpg", "", "Loft")
//  tocArr[idx++] = new TOCitem("template.htm?Extras", "Extras", 1, "", "", "", "Extras")
  tocArr[idx++] = new TOCitem("template.htm?MasterBath", "Master Bath", 1, "masterbath", "images/masterbath.jpg", "", "Master Bath")
  tocArr[idx++] = new TOCitem("template.htm?Bath2", "Bath 2", 1, "bath2", "images/bath2.jpg", "", "Bath 2") 
  tocArr[idx++] = new TOCitem("template.htm?Bath3", "Bath 3", 1, "bath3", "images/bath3.jpg", "", "Bath 3")
//  tocArr[idx++] = new TOCitem("template.htm?Bath4", "Bath 4", 1, "bath4", "images/bath4.jpg", "", "Bath 4")
//  tocArr[idx++] = new TOCitem("template.htm?Frontyard", "Frontyard", 1, "frontyard", "images/frontyard.jpg", "", "Frontyard")
  tocArr[idx++] = new TOCitem("template.htm?Backyard", "Backyard", 1, "backyard", "images/backyard.jpg", "", "Backyard")
}

function displayTitle()
{
  var doc = document
  var bgcolor="#000080"

  doc.write("<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"", bgcolor, "\"><tr>")

  // display home button
  doc.write("<td width=\"75\" align=\"center\">")
  doc.write("<a href=\"index.htm\"><img src=\"home.gif\" border=\"0\"></a>")
  doc.write("</td>")

  //---------------------
  // display home address
  //---------------------
  doc.write("<td align=\"center\">")
  doc.write("<font size=\"5\" color=\"")
  doc.write("#FFFFFF")    //----- select the title's font color
  doc.write("\"><b>")
  doc.write("5000 Buttercup Drive")
  doc.write("<br>")
  doc.write("Castle Rock, CO 80104")
  doc.write("</b></font>")
  doc.write("</td>")

  //---------------------
  // display offer status - pick one of the statuses, comment out the other
  doc.write("<td width=\"75\" align=\"center\">")
//    doc.write("<img src=\"sale.gif\">")
//    doc.write("<img src=\"lease.gif\">")
    doc.write("<img src=\"rent.gif\">")
  doc.write("</td>")

  // end the table
  doc.write("</tr></table>")

}


//------------
// living room
//------------
var LivingPanoObj = new clickPanoramaObj("living", 5, 0, false, false, 1, 0, 225, 300, "Panoramic")
addPanoImage(LivingPanoObj, "images/livingpano04a.jpg")
addPanoImage(LivingPanoObj, "images/livingpano05.jpg")
addPanoImage(LivingPanoObj, "images/livingpano06a.jpg")
addPanoImage(LivingPanoObj, "images/livingpano07.jpg")
addPanoImage(LivingPanoObj, "images/livingpano08.jpg")

function displayLiving_left()
{
  document.write("<b>Living Room</b><br>")
  document.write("The bright living room provides a great entrance into this home. ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/living.jpg\">")
}

function displayLiving_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/living_2.jpg\"><p>")

  displayRight(LivingPanoObj, 3)
}

//------------
// dining room
//------------
var DiningPanoObj = new clickPanoramaObj("dining", 1, 0, false, false, 1, 0, 225, 300, "Panoramic")
addPanoImage(DiningPanoObj, "images/diningpano01.jpg")

function displayDining_left()
{
  document.write("<b>Dining Room</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/dininga.jpg\">")
}

function displayDining_right()
{
  //--- PICK A DISPLAY
  document.write("<br><br>")
  document.write("<img border=\"3\" src=\"images/dining_2a.jpg\"><p>")

//  displayRight(DiningPanoObj, 3)
}

//------------
// master bedroom
//------------

var MasterPanoObj = createPanoObj("master", 6, 0, false, false, 2, 0, 225, 300, "Panoramic",
		["images/masterpano01.jpg",
		"images/masterpano02a.jpg",
		"images/masterpano03.jpg",
		"images/masterpano04.jpg",
		"images/masterpano05.jpg",
		"images/masterpano06.jpg"]
		)
		

function displayMaster_left()
{
  document.write("<b>Master Bedroom</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/master_a.jpg\">")
}

function displayMaster_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/master_2.jpg\"><p>")

  displayRight(MasterPanoObj, 3)
}

//------------
// master bath
//------------
var MasterBathPanoObj = createPanoObj("masterbath", 3, 0, false, false, 1, 0, 300, 225, "Panoramic",
		["images/masterbathpano03.jpg",
		"images/masterbathpano02.jpg",
		"images/masterbathpano01.jpg"]
		)

function displayMasterBath_left()
{
  document.write("<b>Master Bath</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/masterbath.jpg\">")
}

function displayMasterBath_right()
{
  displayRight(MasterBathPanoObj, 3)
}

//------------
// 
//------------
var Bath2PanoObj = new createPanoObj("bath2", 5, 0, false, false, 1, 0, 225, 300, "Panoramic",
		["images/bath2pano01.jpg",
		"images/bath2pano02.jpg",
		"images/bath2pano03a.jpg",
		"images/bath2pano04.jpg",
		"images/bath2pano05.jpg"]
		)

function displayBath2_left()
{
  document.write("<b>Bath 2</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/bath2.jpg\">")
}

function displayBath2_right()
{
  displayRight(Bath2PanoObj, 3)
}

//------------
// 
//------------
var Bath3PanoObj = createPanoObj("bath3", 1, 0, false, false, 1, 0, 225, 300, "Panoramic",
		["images/bath3pano01.jpg"]
		)

function displayBath3_left()
{
  document.write("<b>Bath 3</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/bath3.jpg\">")

//  displayLeft(Bath3PanoObj, 3)
}

function displayBath3_right()
{
//  displayRight(Bath3PanoObj, 3)
}

//------------
// 
//------------
var Bath4PanoObj = createPanoObj("bath4", 1, 0, false, false, 1, 0, 225, 300, "Panoramic",
		["images/bath4pano01.jpg"]
		)

function displayBath4_left()
{
  document.write("<b>Bath 4</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/bath4.jpg\">")
}

function displayBath4_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/bath4_2.jpg\"><p>")

//  displayRight(Bath4PanoObj, 3)
}

//------------
// 
//------------
var Br2PanoObj = createPanoObj("br2", 5, 0, false, false, 2, 0, 225, 300, "Panoramic",
		["images/br2pano01.jpg",
		"images/br2pano02.jpg",
		"images/br2pano03.jpg",
		"images/br2pano04.jpg",
		"images/br2pano05.jpg"]
		)

function displayBr2_left()
{
  document.write("<b>Bedroom 2</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/br2.jpg\">")
}

function displayBr2_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/br2_2.jpg\"><p>")

  displayRight(Br2PanoObj, 3)
}

//------------
// 
//------------
var Br3PanoObj = createPanoObj("br3", 4, 0, false, false, 1, 0, 225, 300, "Panoramic",
		["images/br3pano01.jpg",
		"images/br3pano02a.jpg",
		"images/br3pano03.jpg",
		"images/br3pano04.jpg"]
		)

function displayBr3_left()
{
  document.write("<b>Bedroom 3</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/br3a.jpg\">")
}

function displayBr3_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/br3_2.jpg\"><p>")

  displayRight(Br3PanoObj, 3)
}

//------------
// 
//------------
var Br4PanoObj = createPanoObj("br4", 1, 0, false, false, 1, 0, 225, 300, "Panoramic",
		["images/br4pano01.jpg"]
		)

function displayBr4_left()
{
  document.write("<b>Bedroom 4</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/br4.jpg\">")
}

function displayBr4_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/br4_2.jpg\"><p>")

//  displayRight(Br4PanoObj, 3)
}

//------------
// 
//------------
var LoftPanoObj = createPanoObj("loft", 10, 0, true, false, 1, 0, 225, 300, "Panoramic",
		["images/loftpano01.jpg",
		"images/loftpano02.jpg",
		"images/loftpano03a.jpg",
		"images/loftpano04.jpg",
		"images/loftpano05.jpg",
		"images/loftpano06.jpg",
		"images/loftpano07.jpg",
		"images/loftpano08.jpg",
		"images/loftpano09.jpg",
		"images/loftpano10.jpg",
		"images/loftpano11.jpg"]
		)

function displayLoft_left()
{
  document.write("<b>Loft</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/loft.jpg\">")
}

function displayLoft_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/loft_2.jpg\"><p>")

  displayRight(LoftPanoObj, 3)
}

//------------
// 
//------------
var DenPanoObj = createPanoObj("den", 1, 0, false, false, 1, 0, 225, 300, "Panoramic",
		["images/denpano01.jpg"]
		)

function displayDen_left()
{
  document.write("<b>Den</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/den.jpg\">")
}

function displayDen_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/den_2.jpg\"><p>")

//  displayRight(DenPanoObj, 3)
}

//------------
// family
//------------
var FamilyPanoObj = createPanoObj("family", 12, 0, true, false, 0, 0, 225, 300, "Panoramic",
		["images/familypano01.jpg",
		"images/familypano02.jpg",
		"images/familypano03.jpg",
		"images/familypano04.jpg",
		"images/familypano05.jpg",
		"images/familypano06.jpg",
		"images/familypano07.jpg",
		"images/familypano08.jpg",
		"images/familypano09.jpg",
		"images/familypano10.jpg",
		"images/familypano11a.jpg",
		"images/familypano12a.jpg"]
		)

function displayFamily_left()
{
  document.write("<b>Family</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/family.jpg\">")
}

function displayFamily_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/family_2.jpg\"><p>")

  displayRight(FamilyPanoObj, 3)
}

//------------
// kitchen
//------------
var KitchenPanoObj = createPanoObj("kitchen", 5, 0, false, false, 1, 0, 225, 300, "Panoramic",
		["images/kitchenpano01.jpg",
		"images/kitchenpano02.jpg",
		"images/kitchenpano03a.jpg",
		"images/kitchenpano04.jpg",
		"images/kitchenpano05.jpg"]
		)

function displayKitchen_left()
{
  document.write("<b>Kitchen</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/kitchen.jpg\">")
}

function displayKitchen_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/kitchen_2.jpg\"><p>")

  displayRight(KitchenPanoObj, 3)
}

//------------
// Eating area
//------------
var EatingPanoObj = createPanoObj("eating", 1, 0, false, false, 1, 0, 225, 300, "Panoramic",
		["images/eatingpano01.jpg"]
		)

function displayEat_left()
{
  document.write("<b>Eating Area</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/eating.jpg\">")
}

function displayEat_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/eating_2.jpg\"><p>")

//  displayRight(EatingPanoObj, 3)
}

//------------
// Backyard
//------------
var BackyardPanoObj = createPanoObj("backyard", 1, 0, false, false, 1, 0, 225, 300, "Panoramic",
		["images/backyardpano01.jpg"]
		)

function displayBackyard_left()
{
  document.write("<b>Backyard - <i>Photo taken with a wide angle lens and may have distorted the picture.</i></b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/backyard.jpg\">")
}

function displayBackyard_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/backyard_2.jpg\"><p>")

//  displayRight(BackyardPanoObj, 3)
}

//------------
// Frontyard
//------------
var FrontyardPanoObj = createPanoObj("frontyard", 1, 0, false, false, 1, 0, 225, 300, "Panoramic",
		["images/frontyardpano01.jpg"]
		)

function displayFrontyard_left()
{
  document.write("<b>Frontyard</b><br>")
  document.write(" ")
  document.write("<p>")
  document.write("<img border=\"3\" src=\"images/frontyard.jpg\">")
}

function displayFrontyard_right()
{
  //--- PICK A DISPLAY
//  document.write("<img border=\"3\" src=\"images/frontyard_2.jpg\"><p>")

//  displayRight(FrontyardPanoObj, 3)
}