// Menu Bar

var menu_str = '<div id="menu-sidebar"><img src="../images/trans.gif" width="1" height="510" /></div>';

menu_str += '<div id="menu-container">';

if ( active_difference )
{  menu_str += '<div class="menu-box twoline selected"><a href="difference.htm">The Absolute Difference</a></div>';
}
else
{  menu_str += '<div class="menu-box twoline"><a href="difference.htm">The Absolute Difference</a></div>'; 
}

if ( active_showcase )
{  menu_str += '<div class="menu-box oneline selected"><a href="showcase.htm">Showcase</a></div>';
}
else
{  menu_str += '<div class="menu-box oneline"><a href="showcase.htm">Showcase</a></div>';
}

if ( active_residential )
{  menu_str += '<div class="menu-box oneline selected"><a href="residential.htm">Residential</a></div>';
}
else
{  menu_str += '<div class="menu-box oneline"><a href="residential.htm">Residential</a></div>';   
}

if ( active_interior )
{  menu_str += '<div class="menu-box twoline selected"><a href="interior.htm">Interior Designers</a></div>';
}
else
{  menu_str += '<div class="menu-box twoline"><a href="interior.htm">Interior Designers</a></div>';
}

if ( active_builder )
{  menu_str += '<div class="menu-box oneline selected"><a href="builder.htm">Builders</a></div>';
}
else{
   menu_str += '<div class="menu-box oneline"><a href="builder.htm">Builders</a></div>';
}

if ( active_green )
{ menu_str += '<div class="menu-box bottom selected twoline"><a href="green.htm">Green<br />Initiative</a></div>';
}
else{
  menu_str += '<div class="menu-box bottom twoline"><a href="green.htm">Green<br />Initiative</a></div>';
}

menu_str += '</div>';

document.write( menu_str );