function loadRandomBlock () {
  var content = getRandomContent();
  var block = Math.floor(Math.random()*content.length);  //randomly pick one entry from array
  $('.randomcontent').html(content[block]);
}

function getRandomContent() {
 var randomContent = [ ];
 //Urban Corp
  randomContent[0] = '<div class="randomcontent group1"><div class="feautreRel"><div class="featureBG"></div><div class="feature"> \
  <h2>UrbanCorp</h2> \
  <img src="images/feat_i_UC.png" width="220" height="115" alt="UrbanCorp&mdash;Westside Gallery Lofts"> \
  <h3 class="overlay "><span style="line-height:18px;"> 2009&mdash;Present<br> The Curve Residential&nbsp;Condominium Toronto, ON, Canada</span></h3> \
  <h6 class="overlay" style="margin-bottom:-3px;">Role: LEED<sup>&reg;</sup> NC Consultant,<br>500,000 square feet.</h6> \
  <a class="linkOverlay" href="projects_urbanCorp.html">learn more&nbsp;</a><br><br><br><br><div class="whiteBar"> \
  <table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icon_energy_savings.png" height="30" alt="energy_savings"> \
  </td><td width="30" class="green">45%</td></tr></table></div><div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr> <td width="170"> \
  <img src="images/icon/icon_heat_savings_geothermal.png" height="30" alt="heat_savings_geothermal"> \
  </td><td width="30" class="green">50%</td> </tr></table></div><div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icon_reduction_water_use.png" height="30" alt="reduction_water_use"> \
  </td><td width="30" class="green">40%</td></tr></table></div><div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icons_construction_materials_sourced_locally.png" height="30" alt="construction_materials_sourced_locally"> \
  </td><td width="30" class="green">40%</td></tr></table></div></div><!-- feautre --></div><!-- feautreRel --></div><!-- randomcontent -->';
  
  //Earth Rangers
  randomContent[1] = '<div class="randomcontent group1"><div class="feautreRel"><div class="featureBG"></div><div class="feature"> \
  <h2>Earth Rangers</h2> \
  <img src="images/feat_i_ER.png" width="220" height="115" alt="Earth Rangers Centre"> \
  <h3 class="overlay" style="line-height:18px;">2009&mdash;Present<br>Education Facility &amp;<br>Wildlife&nbsp;Centre<br>Woodbridge, ON, Canada</h6> \
  </h3> \
  <h6 class="overlay" style="margin-bottom:-3px;">Role: LEED<sup>&reg;</sup> EBOM Consultant,<br>62,000 square feet</h6> \
  <a class="linkOverlay" href="projects_earthRangers.html">learn more&nbsp;</a> \
  <br><br><br><br><div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icon_increase_energy_efficiency.png"height="30" alt="increase_energy_efficiency"> \
  </td><td width="30" class="green">79%</td></tr></table></div><div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icon_waste_water_treatment.png" height="30" alt="waste_water_treatment"> \
  </td><td width="30" class="green">100%</td></tr></table></div><div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icons_ongoing_consumables_diverted.png" height="30" alt=" ongoing_consumables_diverted"> \
  </td><td width="30" class="green">70%</td></tr></table></div><div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icons_low_mercury_lighting.png" height="30" alt="low_mercury_lighting"> \
  </td><td width="30" class="green">90%</td></tr></table></div></div><!-- feautre --></div><!-- feautreRel --></div><!-- randomcontent -->';
  
  //BMW
  randomContent[2] = '<div class="randomcontent group1"><div class="feautreRel"><div class="featureBG"></div><div class="feature"> \
  <h2>BMW&nbsp;Group&nbsp;Canada</h2> \
  <img src="images/feat_i_BMW.png" width="220" height="115" alt="BMW Corporate Head Office"> \
  <h3 class="overlay">2007&mdash;Present<br>Headquarters<br>Richmond Hill, ON, Canada</h3> \
  <h6 class="overlay" style="margin-bottom:9px;">Role: LEED<sup>&reg;</sup> NC Consultant,<br>65,000 square feet</h6> \
  <a class="linkOverlay" href="projects_BMW.html">learn more&nbsp;</a> \
  <div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icon_energy_savings.png"height="30" alt="energy savings"> \
  </td><td width="30" class="green">38%</td></tr></table> \
  </div><div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icon_reduction_water_use.png"height="30" alt="reduction water use"> \
  </td><td width="30" class="green">40%</td></tr></table></div> <div class="whiteBar"> \
  <table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icons_construction_waste_diverted.png"height="30" alt="construction waste diverted"> \
  </td><td width="30" class="green">82%</td></tr></table></div> <div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icons_spaces_access_daylight.png"height="30" alt="spaces access daylight"> \
  </td><td width="30" class="green">75%</td></tr></table></div> <div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"> \
  <img src="images/icon/icons_recycled_content.png"height="30" alt="recycled content"> \
  </td><td width="30" class="green">20%</td></tr></table></div></div><!-- feautre --></div><!-- feautreRel --></div><!-- randomcontent -->';
     
  //Town of Banff
  randomContent[3] = '<div class="randomcontent group1"><div class="feautreRel"><div class="featureBGnoWhiteBar"></div><div class="feature"> \
  <h2>Town of Banff</h2> \
  <img src="images/feat_i_BT.png" width="220" height="115" alt="Banff Transit"> \
  <h3 class="overlay">2008&mdash;2010<br>Roam: Hybrid Transit System<br>Banff, AB, Canada</h3> \
  <h6 class="overlay"style="margin-bottom:9px;">Role: Greenhouse Gas (GHG)<br>Emissions Verifier</h6> \
  <a class="linkOverlay" href="projects_banff.html">learn more&nbsp;</a> \
  <center><table cellpadding="0" cellspacing="0" border="0"><tr><td><div class="perTXT">100<span class="percent">%</span>&nbsp;</div></td><td><div class="perTXT">&nbsp;43<span class="percent">%</span></div></td></tr><tr><td valign="top"><div class="perTXTsm"><center>increase<br>in ridership</center></div></td><td valign="top"><div class="perTXTsm"><center>GHG<br>reduction</center></div>     </td></tr></table></center></div><!-- feautre --></div><!-- feautreRel --></div><!-- randomcontent -->';
  
  //Queen Richmond Centre
  randomContent[4] = ' <div class="randomcontent group1"><div class="feautreRel"><div class="featureBG"></div><div class="feature"> \
  <h2 style="line-height:1.32em;">Queen Richmond Centre</h2> \
  <img src="images/feat_i_queen_richmond.png" width="220" height="115" alt="Banff Transit"> \
  <h3 class="overlay">2010&mdash;Present<br>Toronto, ON, Canada</h3> \
  <h6 class="overlay"style="margin-bottom:9px;">Role: LEED&reg; NC Consultants, <br />300,000 square feet</h6> \
  <a class="linkOverlay" href="projects_Queen_Richmond_Centre.html">learn more&nbsp;</a> \
  <div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"><img src="images/icon/icon_energy_savings.png"height="30" alt="energy savings"></td> \
  <td width="30" class="green">50%</td> \
  </tr></table></div><div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"><img src="images/icon/icon_reduction_water_use.png"height="30" alt="reduction water use"></td> \
  <td width="30" class="green">30%</td> \
  </tr></table></div> <div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"><img src="images/icon/icons_construction_waste_diverted.png"height="30" alt="construction waste diverted"></td> \
  <td width="30" class="green">75%</td> \
  </tr></table></div> <div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"><img src="images/icon/icons_spaces_access_daylight.png"height="30" alt="spaces access daylight"></td> \
  <td width="30" class="green">75%</td> \
  </tr></table></div> <div class="whiteBar"><table width="200" cellpadding="0" cellspacing="0" border="0"><tr><td width="170"><img src="images/icon/icons_recycled_content.png"height="30" alt="recycled content"></td> \
  <td width="30" class="green">20%</td> \
  </tr></table></div></div><!-- feautre --></div><!-- feautreRel --></div><!-- randomcontent -->';
  
  return randomContent;
}
