var ie;
 if (document.all)
 {
    ie = 1;
 } 
   
 var url = "/e-uklid/www/";
    
 
 function getEl(id)
 {
  if (ie)
  {
   return document.all['menu' + id];
  }
  else
  {
   return document.getElementById('menu' + id);
  }
 }
 
 function changeImage(el, val)
 {
  if (ie)
  {
      el.style["backgroundImage"] = 'url('+url+val+')';
  }
  else
  {
   el.style.setProperty("background-image",'url('+url+val+')',null);
  }
 }
 
 function onMenu(id)
 {
  var left;
  left = getEl(id - 1);
  /*text = "";
  for(each in left.style)
  {
   text += each +"|";
  }
  alert (text);*/
  if (left)
  {
   changeImage(left, "img/menu_left.png");
  }
  var right;
  right = getEl(id + 1)
  if (right)
     changeImage(right, "img/menu_right.png");
     
  var center;
  center = getEl(id);
  if (center)
  {
   center.className="menuOn";
  }
 }
 function outMenu(id)
 {
  var left;
  left = getEl(id - 1);
  if (left)
  {
   changeImage(left, "img/menu_delim.png");
  }
   var right;
  right = getEl(id + 1)
  if (right)
     changeImage(right, "img/menu_delim.png");
     
  var center;
  center = getEl(id);
  if (center)
  {
   center.className="menu";
  }
 }