belsoft_rust = new Image();
belsoft_rust.src = 'images/rust_belegging.gif';
belsoft_rol = new Image();
belsoft_rol.src = 'images/rol_belegging.gif';
belsoft_sel = new Image();
belsoft_sel.src = 'images/s_belegging.gif';

services_rust = new Image();
services_rust.src = 'images/rust_services.jpg';
services_rol = new Image();
services_rol.src = 'images/rol_services.jpg';
services_sel = new Image();
services_sel.src = 'images/s_services.jpg';

overige_rust = new Image();
overige_rust.src = 'images/rust_overige.jpg';
overige_rol = new Image();
overige_rol.src = 'images/rol_overige.jpg';
overige_sel = new Image();
overige_sel.src = 'images/s_overige.jpg';

charts_rust = new Image();
charts_rust.src = 'images/rust_charts.gif';
charts_rol = new Image();
charts_rol.src = 'images/rol_charts.gif';
charts_sel = new Image();
charts_sel.src = 'images/s_charts.gif';

bestellen_rust = new Image();
bestellen_rust.src = 'images/rust_bestellen.gif';
bestellen_rol = new Image();
bestellen_rol.src = 'images/rol_bestellen.gif';
bestellen_sel = new Image();
bestellen_sel.src = 'images/s_bestellen.gif';

downloads_rust = new Image();
downloads_rust.src = 'images/rust_downloads.gif';
downloads_rol = new Image();
downloads_rol.src = 'images/rol_downloads.gif';
downloads_sel = new Image();
downloads_sel.src = 'images/s_downloads.gif';

home_rust = new Image();
home_rust.src = 'images/rust_home.gif';
home_rol = new Image();
home_rol.src = 'images/rol_home.gif';
home_sel = new Image();
home_sel.src = 'images/s_home.gif';

function ClearAllMains() {
  document.belsoft.src = belsoft_rust.src;
  document.services.src = services_rust.src;
  document.overige.src = overige_rust.src;
  document.charts.src = charts_rust.src;
  document.bestellen.src = bestellen_rust.src;
  document.downloads.src = downloads_rust.src;
  document.home.src = home_rust.src;

  document.all["nav_belsoft"].innerHTML = '';
  document.all["nav_services"].innerHTML = '';
  document.all["nav_overige"].innerHTML = '';
  document.all["nav_charts"].innerHTML = '';
  document.all["nav_bestellen"].innerHTML = '';
  document.all["nav_downloads"].innerHTML = '';
}

var MainClicked = '';
var SubClicked = '';

function BringToFront(ctrl) {
  if (MainClicked != ctrl)
  ctrl.src = eval(ctrl.name + "_rol.src");
}

function SendToBack(ctrl) {
  if (MainClicked != ctrl)
  ctrl.src = eval(ctrl.name + "_rust.src");
}

function ClickedOn(ctrl, hasSubs) {
  ClearAllMains();  
  
  MainClicked = ctrl;
  ctrl.src = eval(ctrl.name + "_sel.src");

  if (hasSubs) 
    document.all["nav_"+ ctrl.name].innerHTML = document.all["content_"+ ctrl.name].innerHTML;
}

function MarkSub(ctrl) {
  if (SubClicked != ctrl)
  ctrl.style.background = '#89A2B6';
}

function UnMarkSub(ctrl) {
  if (SubClicked != ctrl)
  ctrl.style.background = '';
}

function SubClickedOn(ctrl) {
  if (SubClicked != '') {
    SubClicked.style.background = '';
    SubClicked.style.color = '#ffffff';
  }

  SubClicked = ctrl;
  ctrl.style.background = '#ffffff';
  ctrl.style.color = '#B72B0A';
}
