<!--
//ID browser
//check for navigator

  var browserName
  var browserVersion

  var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;  
  
  if(navigator.appName==""){
browserName="No browser,";
} else {
browserName=navigator.appName;
}

version = parseFloat(navigator.appVersion);
if ((Math.round(parseFloat(navigator.appVersion)*100)) -
(parseInt(navigator.appVersion) * 100) == 0) {
        browserVersion = version + ".0";
}

if (navigator.appName.substring(0,9) == "Microsoft") {
        msiestart = (navigator.appVersion.indexOf('(') + 1);
        msieend = navigator.appVersion.indexOf(')');
        msiestring = navigator.appVersion.substring(msiestart, msieend);
        msiearray = msiestring.split(";");
        platform = msiearray[2];
        msieversion = msiearray[1].split(" ");
        browserVersion = msieversion[2];
}

// functions

function getLayer(name) {
   // Returns a handle to the named layer.
   if (ns4up) {
      return(document.layers[name]);
	  }
   else if (ie4up) {
      layer = eval('document.all.' + name + '.style');
      return(layer);
	  }
   else if (ns6up) {
     layer = eval('document.getElementById("'+name+'").style')
      return(layer);
	 }
   else {
      return(null);
   }
}

function showLayer(name) {
   hideTimer('stop');
   hideAll();
   var layer = getLayer(name);
   if (ns4up) {
      layer.visibility = "show";
   }
   else if (ie4up || ns6up) {
      layer.visibility = "visible";
   }
}
	
function hideLayer(name) {
   var layer = getLayer(name);
  if (ns4up) {
      layer.visibility = "hide";
   }
   else if (ie4up || ns6up) {
      layer.visibility = "hidden";
    }
}

function hideAll() {
   hideLayer('menu1');
   hideLayer('menu2');
   hideLayer('menu3');
   hideLayer('menu4');
   hideLayer('menu5');
   
   changeImg('img2','img2_off');
   changeImg('img3','img3_off');
   changeImg('img4','img4_off');
   changeImg('img5','img5_off');
   changeImg('img6','img6_off');

}

var timerID;
function hideTimer(status) {
    if (status == 'run') {
		timerID = setTimeout('hideAll()', 1000); // timerID holds the id of the timer
	} else if (status == 'stop') {
		clearTimeout(timerID); 
	}
}

function changeImg(imgName,imgSrc) {
	if (document.images) {
		document[imgName].src = eval(imgSrc + ".src");
    }
}

// preloaded images
// if (document.images) { // this line causes .js errors on first load

// main button separator
	sep_off    = new Image(); sep_off.src    = "/grafx/separ_menu.png";
   	sep_over   = new Image(); sep_over.src   = "/grafx/separ_menu_on.png";

// main buttons images	
	img1_off   = new Image(); img1_off.src   = "/en/grafx/top_12.png";
   	img1_over  = new Image(); img1_over.src  = "/en/grafx/top_on_12.png";

	img2_off   = new Image(); img2_off.src   = "/en/grafx/top_13.png";
   	img2_over  = new Image(); img2_over.src  = "/en/grafx/top_on_13.png";

   	img3_off   = new Image(); img3_off.src   = "/en/grafx/menu/products-and-services.png";
   	img3_over  = new Image(); img3_over.src  = "/en/grafx/menu-survol/products-and-services.png";

    img4_off   = new Image(); img4_off.src   = "/en/grafx/top_15.png";
   	img4_over  = new Image(); img4_over.src  = "/en/grafx/top_on_15.png";

   	img5_off   = new Image(); img5_off.src   = "/en/grafx/top_16.png";
   	img5_over  = new Image(); img5_over.src  = "/en/grafx/top_on_16.png";

   	img6_off   = new Image(); img6_off.src   = "/en/grafx/top_17.png";
   	img6_over  = new Image(); img6_over.src  = "/en/grafx/top_on_17.png";

	
// }

// -->