//******************************************************************************
// Investment Gallery for SENTRE Partners                               6/8/2006
// -----------------------------------------------------------------------------
// Author: Ben Brock, LJG Partners
// Scope: Object and methods to control the Investment photo gallery.
//******************************************************************************

// This script supports a maximum of 12 projects in each region, and only
// supports the regions "mx" and "us". It is by no means a sophisticated script.
// The path for all images is /img/investments/.

var sentre_investments =
{
  // United States
  us:
  [{
    img:  "gallery_1.jpg",
    name: "Scripps Mar Corporate Plaza",
    sqft: 40000,
    purchase: 1300000,
    sold: 4100000,
    acqdate: "1/31/1996",
    saledate: "12/7/2000"
  },{
    img:  "gallery_2.jpg",
    name: "Miramar Commerce Center",
    sqft: 113000,
    purchase: 3600000,
    sold: 9300000,
    acqdate: "7/15/1998",
    saledate: "Unknown"
  },{
    img:  "gallery_3.jpg",
    name: "Telecom Business Center",
    sqft: 100000,
    purchase: 6700000,
    sold: 15400000,
    acqdate: "8/15/1997",
    saledate: "3/12/1999"
  },{
    img:  "gallery_4.jpg",
    name: "San Diego Tech Center",
    sqft: 650000,
    purchase: 90000000,
    sold: 130000000,
    acqdate: "1998",
    saledate: "2001"
  },{
    img:  "gallery_5.jpg",
    name: "225 Broadway (NBC)",
    sqft: 330170,
    purchase: 26000000,
    sold: 95000000,
    acqdate: "1996",
    saledate: "2004"
  },{
    img:  "gallery_6.jpg",
    name: "101 West Broadway (AT&amp;T)",
    sqft: 385650,
    purchase: 48000000,
    sold: 118000000,
    acqdate: "1996",
    saledate: "2004"
  },{
    img:  "gallery_7.jpg",
    name: "Koll Center San Diego",
    sqft: 395000,
    purchase: 94000000,
    sold: 150000000,
    acqdate: "2003",
    saledate: "2006"
  },{
    img:  "gallery_8.jpg",
    name: "One American Plaza",
    sqft: 596630,
    purchase: 166000000,
    sold: 300000000,
    acqdate: "2002",
    saledate: "2006"
  },{
    img:  "gallery_9.jpg",
    name: "Telecom Land I",
    sqft: 231740,
    purchase: 2361400,
    sold: 3592000,
    acqdate: "8/13/1998",
    saledate: "9/17/1999"
  },{
    img:  "gallery_10.jpg",
    name: "Telecom Land II",
    sqft: 990550,
    purchase: 12877200,
    sold: 18572900,
    acqdate: "6/1/1997",
    saledate: "8/13/1998"
  },{
    img:  "gallery_11.jpg",
    name: "Wateridge Plaza",
    sqft: 268957,
    purchase: 0,
    sold: 0,
    acqdate: "5/2/2007",
    saledate: "(not sold)"
  },{
    img:  "gallery_12.jpg",
    name: "Pacific Center",
    sqft: 438960,
    purchase: 0,
    sold: 0,
    acqdate: "7/3/2007",
    saledate: "(not sold)"
  },{
    img:  "gallery_13.jpg",
    name: "Columbia Center",
    sqft: 547939,
    purchase: 0,
    sold: 0,
    acqdate: "3/7/2007",
    saledate: "(not sold)"
  },{
    img:  "gallery_14.jpg",
    name: "Carlton Heights Villas",
    sqft: 48750,
    purchase: 7900000,
    sold: 0,
    acqdate: "6/01/2011",
    saledate: "(not sold)"
  }],
  
  // Mexico
  mx:
  [{
    img:  "gallery_mx_1.jpg",
    name: "Bombardier Aerospace Park",
    sqft: 200000,
    purchase: 0,
    sold: 0,
    acqdate: "Unknown",
    saledate: "Unknown"
  },{
    img:  "gallery_mx_2.jpg",
    name: "Georgia Pacific",
    sqft: 1,
    purchase: 0,
    sold: 0,
    acqdate: "Unknown",
    saledate: "Unknown"
  }]
}

  

function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}

var gs_invest = 
{
  shown: 0,
  region: "us",

  get_id: function(id)
  {
    id = id.split('.');
    return id[2];
  },

  show: function(id)
  {
    id = this.get_id(id);
    this.shown = id;
  
    // Set image
    for (var i = 0; i < sentre_investments[this.region].length; i++)
    {
      el = document.getElementById("si." + this.region + "." + i);
      el.className = (i == this.shown) ? "on" : "";
    }

    // Set data
    var data = sentre_investments[this.region][id];

    document.getElementById('si.name').innerHTML = data.name;
    document.getElementById('si.sqft').innerHTML = addCommas(String(data.sqft));
    document.getElementById('si.acq.price').innerHTML = "$" + addCommas(String(data.purchase));
    document.getElementById('si.acq.price.persqft').innerHTML ="$" + Math.round(data.purchase / data.sqft);
    document.getElementById('si.acq.date').innerHTML = data.acqdate;
    document.getElementById('si.sale.price').innerHTML = "$" + addCommas(String(data.sold));
    document.getElementById('si.sale.price.persqft').innerHTML ="$" + Math.round(data.sold / data.sqft);
    document.getElementById('si.sale.date').innerHTML = data.saledate;
  },

  over: function(id)
  {
    id = this.get_id(id);
    if (id == this.shown) { return; }
    el = document.getElementById("si." + this.region + "." + id)
    el.className = "over";
  },

  off: function(id)
  {
    id = this.get_id(id);
    if (id == this.shown) { return; }
    el = document.getElementById("si." + this.region + "." + id);
    el.className = "";
  },
  
  build: function()
  {
    data = sentre_investments[this.region];
    for (var i = 0; i < 12; i++)
    {
      if (typeof(data[i]) == "undefined") 
      { 
        document.getElementById("si.c." + i).innerHTML = "<div class='gallery_size'></div>";
        continue;
      }
      document.getElementById("si.c." + i).innerHTML = "<div class='gallery_size'><img id='si." + this.region + "." + i + "' src='img/investments/" + data[i].img + "'  onClick='gs_invest.show(this.id);' onMouseOver=\"gs_invest.over(this.id);\" onMouseOut=\"gs_invest.off(this.id);\"></div>";
    }
    this.show("si." + this.region + "." + 0);
		
		if (this.region == 'us') {
			document.getElementById('si.region.us').className = "selected";
			document.getElementById('si.region.mx').className = "region_link";
			document.getElementById('txt.region.us').style.display = "block";
			document.getElementById('txt.region.mx').style.display = "none";
		} else {
			// region == mx
			document.getElementById('si.region.us').className = "region_link";
			document.getElementById('si.region.mx').className = "selected";
			document.getElementById('txt.region.us').style.display = "none";
			document.getElementById('txt.region.mx').style.display = "block";
		}
    //document.getElementById('si.region.us').className = (this.region == 'us') ? "selected" : "region_link";
    //document.getElementById('si.region.mx').className = (this.region == 'mx') ? "selected" : "region_link";
  },

  change_region: function(to)
  {
    if (this.region == to) { return; }
    if (to != "us" && to != "mx") { return; }
    this.region = to;
    this.build();
  }
};

