// main navigation graphics load
var down1 = new Image;
var down2 = new Image;
var down3 = new Image;
var down4 = new Image;
var down5 = new Image;
down1.src = "/img/nav_gif/home_down.gif";
down2.src = "http://www.se-2.co.uk/img/nav_gif/about_down.gif";
down3.src = "http://www.se-2.co.uk/img/nav_gif/whatwedo_down.gif";
down4.src = "http://www.se-2.co.uk/img/nav_gif/clients_down.gif";
down5.src = "http://www.se-2.co.uk/img/nav_gif/contact_down.gif";
var up1 = new Image;
var up2 = new Image;
var up3 = new Image;
var up4 = new Image;
var up5 = new Image;
up1.src = "http://www.se-2.co.uk/img/nav_gif/home_up.gif";
up2.src = "http://www.se-2.co.uk/img/nav_gif/about_up.gif";
up3.src = "http://www.se-2.co.uk/img/nav_gif/whatwedo_up.gif";
up4.src = "http://www.se-2.co.uk/img/nav_gif/clients_up.gif";
up5.src = "http://www.se-2.co.uk/img/nav_gif/contact_up.gif";

// sub navigation graphics load
var subdown1 = new Image;
var subdown2 = new Image;
var subdown3 = new Image;
var subdown4 = new Image;
var subdown5 = new Image;
var subdown6 = new Image;
var subdown7 = new Image;
subdown1.src = "/img/nav_gif/publications_down.gif";
subdown2.src = "/img/nav_gif/people_down.gif";
subdown3.src = "/img/nav_gif/casestudies_down.gif";
subdown4.src = "/img/nav_gif/events_down.gif";
subdown5.src = "/img/nav_gif/approach_down.gif";
subdown6.src = "/img/nav_gif/news_down.gif";
subdown7.src = "/img/nav_gif/trainingcourses_down.gif";
var subup1 = new Image;
var subup2 = new Image;
var subup3 = new Image;
var subup4 = new Image;
var subup5 = new Image;
var subup6 = new Image;
var subup7 = new Image;
subup1.src = "/img/nav_gif/publications_up.gif";
subup2.src = "/img/nav_gif/people_up.gif";
subup3.src = "/img/nav_gif/casestudies_up.gif";
subup4.src = "/img/nav_gif/events_up.gif";
subup5.src = "/img/nav_gif/approach_up.gif";
subup6.src = "/img/nav_gif/news_up.gif";
subup7.src = "/img/nav_gif/trainingcourses_up.gif";

// nav rollover functions
function onnav(me)
{
  offnav(me)
  document.images['nav'+me].src = eval("down" + me + ".src");
}
function offnav(me)
{
  for(var i=1; i<6; i++)
  {
    if ( document.images['nav'+i] ) 
      document.images['nav'+i].src = eval("up" + i + ".src");
  }
}

// sub nav rollover functions
function onsubnav(me)
{
  offsubnav();
  document.images['subnav'+me].src = eval("subdown" + me + ".src");
}
function offsubnav()
{
  for(var i=1; i<8; i++)
  {
    if ( document.images['subnav'+i] ) 
      document.images['subnav'+i].src = eval("subup" + i + ".src");
  }
}


// display current subnav on page load
function setActiveNav(nav, subnav)
{
  var d;
  // set nav active
  if ( document.images['nav'+nav] )
  {
    document.images['nav'+nav].src  = eval("down" + nav + ".src");
    eval("up"+nav+".src = down" + nav + ".src");
  }
  // set subnav active
  if ( document.images['subnav'+subnav] )
  {
    document.images['subnav'+subnav].src  = eval("subdown" + subnav + ".src");
    eval("subup"+subnav+".src = subdown" + subnav + ".src");
  }
  showsubnav(nav);
}

function showsubnav(me)
{
  // clear sub menus
  if ( eval('d = document.getElementById("subnav2")') ){
    d.style.display="none";
    }
  if ( eval('d = document.getElementById("subnav3")') ){
    d.style.display="none";
    }
  if ( eval( "d = document.getElementById( 'subnav"+me+"')" ) ) 
  {
    d.style.display="inline"
  }

}