function natvent()
{
document.getElementById("divchangeelement").innerHTML='<DIV class="products"> \
<DIV class="producttop"><H1>Natural Ventilators</H1></DIV> \
<ul class="navigation_products"> \
<li class="pbuttons"><a href="javascript:coltlite()" style="background-image: url(images/products/coltlite.jpg);"><P><B>Coltlite | </B>NATURAL LOUVRED GLAZED VENTILATOR</P></a></li> \
<li class="pbuttons"><a href="javascript:fco()"><P><B>FCO | </B>NATURAL LOUVRED INLET VENTILATOR</P></a></li> \
<li class="pbuttons"><a href="javascript:wco()"><P><B>WCO | </B>NATURAL LOUVRED EXTRACT VENTILATOR Providing weathered ventilation</P></a></li> \
<li class="pbuttons"><a href="javascript:enseefire()"><P><B>EN Seefire | </B>NATURAL LOUVRED INLET & EXTRACT VENTILATOR</P></a></li> \
<li class="pbuttons"><a href="javascript:Meteor()"><P><B>Meteor | </B>NATURAL FLAP VENTILATOR</P></a></li> \
<li class="pbuttons"><a href="javascript:kameleon()"><P><B>Kameleon | </B>NATURAL GLAZED FLAP VENTILATOR</P></a></li> \
</ul></DIV>'
}
function powerextract()
{
document.getElementById("divchangeelement").innerHTML='<DIV class="products"> \
<DIV class="producttop"><H1>Power Extract</H1></DIV> \
<ul class="navigation_products"> \
<li class="pbuttons"><a href="javascript:Tornado()"><P><B>Tornado | </B>MECHANICAL EXTRACT VENTILATOR</P></a></li> \
<li class="pbuttons"><a href="javascript:whirlwind()"><P><B>Whirlwind | </B>MECHANICAL EXTRACT VENTILATOR</P></a></li> \
<li class="pbuttons"><a href="javascript:liberator()"><P><B>Liberator | </B>MECHANICAL SMOKE EXTRACT VENTILATOR</P></a></li> \
</ul></DIV>'
}
function coolingsystems()
{
document.getElementById("divchangeelement").innerHTML='<DIV class="products"> \
<DIV class="producttop"><H1>Cooling Systems</H1></DIV> \
<ul class="navigation_products"> \
<li class="pbuttons"><a href="javascript:caloris()"><P><B>Caloris | </B>WATER SOURCE HEAT PUMP</P></a></li> \
<li class="pbuttons"><a href="javascript:coolstream()"><P><B>Coolstream | </B>EVAPORATIVE COOLING UNIT</P></a></li> \
</ul></DIV>'
}
function hybridheatingcooling()
{
document.getElementById("divchangeelement").innerHTML='<DIV class="products"> \
<DIV class="producttop"><H1>Hybrid Heating & Cooling Sytems</H1></DIV> \
<ul class="navigation_products"> \
<li class="pbuttons"><a href="javascript:caloriswrf()"><P><B>Caloris WRF | </B>WATER SOURCE HEAT PUMP</P></a></li> \
</ul></DIV>'
}
function windowactuator()
{
document.getElementById("divchangeelement").innerHTML='<DIV class="products"> \
<DIV class="producttop"><H1>Window Actuators</H1></DIV> \
<ul class="navigation_products"> \
</ul></DIV>'
}
function roofturrets()
{
document.getElementById("divchangeelement").innerHTML='<DIV class="products"> \
<DIV class="producttop"><H1>Roof Turrets</H1></DIV> \
<ul class="navigation_products"> \
</ul></DIV>'
}
function louvredampers()
{
document.getElementById("divchangeelement").innerHTML='<DIV class="products"> \
<DIV class="producttop"><H1>Louvres Dampers</H1></DIV> \
<ul class="navigation_products"> \
</ul></DIV>'
}
function accessories()
{
document.getElementById("divchangeelement").innerHTML='<DIV class="products"> \
<DIV class="producttop"><H1>Accessories</H1></DIV> \
<ul class="navigation_products"> \
<li class="pbuttons"><a href="javascript:windsensor()"><P><B>Wind Sensor | </B></P></a></li> \
<li class="pbuttons"><a href="javascript:rainsensor()"><P><B>Rain Sensor | </B></P></a></li> \
<li class="pbuttons"><a href="javascript:tempsensor()"><P><B>Temperature Sensor | </B></P></a></li> \
<li class="pbuttons"><a href="javascript:cosensor()"><P><B>CO Sensor | </B></P></a></li> \
<li class="pbuttons"><a href="javascript:smokesensor()"><P><B>Smoke Sensor | </B></P></a></li> \
</ul></DIV>'
}
function integratedcontrols()
{
document.getElementById("divchangeelement").innerHTML='<DIV class="products"> \
<DIV class="producttop"><H1>Integrated Controls</H1></DIV> \
<ul class="navigation_products"> \
<li class="pbuttons"><a href="javascript:ics4link()"><P><B>ICS 4-link | </B> PC BASED CONTROL SYSTEM Capable of integrating all equipment</P></a></li> \
<li class="pbuttons"><a href="javascript:coltsimplecontrols()"><P><B>Colt Simple Controls | </B></P></a></li> \
</ul></DIV>'
}
function solarshading()
{
document.getElementById("divchangeelement").innerHTML='<DIV class="products"> \
<DIV class="producttop"><H1>Solar Shading Systems</H1></DIV> \
<ul class="navigation_products"> \
</ul></DIV>'
}

function boxOffHover(box, bgimage) {
box.style.background='#ffffff';
}

function boxOnHover(box, bgimage) {
box.style.background='#f3f3f3';
}