//Get browser version
  var bName = navigator.appName;
  var bVer = parseInt(navigator.appVersion);
  //Drop-downs top position
  var top = 165;
 
  var NS6 = (bName == "Netscape" && bVer >= 5);
  var NS4 = (bName == "Netscape" && bVer >= 4 && bVer < 5);
  var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4);
  if (NS4) {top=top-1;}

  function showNav(menu){
    var to_center = 0;
    switch(menu){
      case('about'):
	    to_center = 12;
	    showlayer('about', 'image2', to_center);
		break;		
      case('conferences'):
	    to_center = 14;
	    showlayer('conferences', 'image3', to_center);
		break;
      case('training'):
	    to_center = 22;
	    showlayer('training', 'image4', to_center);
		break;	  
      case('clevents'):
	    to_center = 0;
	    showlayer('clevents', 'image5', to_center);
		break;
      case('exhibitions'):
	    to_center = 14;
	    showlayer('exhibitions', 'image6', to_center);
		break;
    }	
  }

  function hideNav(menu){
	switch(menu){
	  case('about'):
	    hidelayer('about');
		break;
	  case('conferences'):
	    hidelayer('conferences');
		break;
	  case('training'):
	    hidelayer('training');
		break;
	  case('clevents'):
	    hidelayer('clevents');
		break;	  
	  case('exhibitions'):
	    hidelayer('exhibitions');
		break;  
    }
  }
  
  function showlayer(menu_div, menu_img, to_center){
    if (document.getElementById('layer_' + menu_div)){
	  //Get image position for different browsers
	  left = imgPosition(menu_img);	 
	  //Show drop-down (specify top, left)  
	  document.getElementById('layer_' + menu_div).style.top=top;
	  document.getElementById('layer_' + menu_div).style.left=left-to_center;
	  document.getElementById('layer_' + menu_div).style.visibility='visible';
	}
  } 
  
  function hidelayer(menu_div){
    if (document.getElementById('layer_' + menu_div)){
	  document.getElementById('layer_' + menu_div).style.visibility='hidden';
    }
  }

  //Get image position for different browsers
  function imgPosition(img_name){
    img = getImage(img_name);
    img_left = getImagePageLeft(img); 
    return img_left;
  }

  function getImage(name){
    if (NS4 || NS6) {    
	  return findImage(name, document);
    }
    if (IE4){
      return eval('document.all.' + name);
    }
    return null;
  }

  function findImage(name, doc) {
    var i;
    for (i = 0; i < doc.images.length; i++)
      if (doc.images[i].name == name)
        return doc.images[i];
    return null;
  }

  function getImagePageLeft(img){
    var x, obj;
    if (NS4 || NS6) {
      if (img.container != null)
        return img.container.pageX + img.x - 1;
      else
        return img.x - 1;
    }
    if (IE4) {
      x = 0;
      obj = img;
      while (obj.offsetParent != null) {
        x += obj.offsetLeft;
        obj = obj.offsetParent;
      }
      x += obj.offsetLeft;
      return x;
    }
    return -1;
  }