var imgRoot = "http://rus44.ru/images/";

var curLayer = 0;
var Objects = new Array();
var DDMenu_Timeout = Array();



function showDDMenu(n, lnk, lstyle, offTop, offLeft, hasPics, iRoot) {
   if (DDMenu_Timeout[n])
     clearTimeout(DDMenu_Timeout[n]);

   if (curLayer == n) return false;

   if (iRoot) imgRoot = iRoot;
   var layerObj = getObjectById(n);

   var linkObj = getObjectById(lnk);

   if (layerObj) {   
      curLayer = n;
      layerObj.style.width = layerObj.offsetWidth;
      linkObj.className = lstyle;

      lnktop = parseInt(linkObj.offsetTop);
      lnkleft = parseInt(linkObj.offsetLeft);
      lnkwidth = parseInt(linkObj.offsetWidth);
      lnkheight = parseInt(linkObj.offsetHeight);

      oTop = (offTop) ? parseInt(offTop) : 0;
      oLeft = (offLeft) ? parseInt(offLeft) : 0;

      if (parseInt(layerObj.style.width) <= lnkwidth) {
         layerObj.style.width = lnkwidth + "px";
         var eq = 1;
      }
      else 
         eq = false;

      TopCoord = lnktop + lnkheight + oTop + "px";
      
      if (eq) {
        LeftCoord = lnkleft + oLeft + "px";
        point = "mid";
      }
      else {

         if (lnkleft + parseInt(layerObj.style.width) >= parseInt(document.body.clientWidth)) {
            LeftCoord = lnkleft + lnkwidth - parseInt(layerObj.style.width) + oLeft + "px";
            point = "right";
         }


         else {
            LeftCoord = lnkleft + oLeft + "px";
            point = "left";
         }
      }
      if (hasPics) {
         changePics(n, point);
      }
      layerObj.style.top  = TopCoord;
      layerObj.style.left = LeftCoord;
      layerObj.style.visibility='visible';
    }
    else {
      linkObj.className = lstyle + "_one";
    }
}

function hideDDMenu(n, lnk, lstyle) {
  DDMenu_Timeout[n] = setTimeout(function() {
     var linkObj = getObjectById(lnk);
     linkObj.className = lstyle;

     var layerObj = getObjectById(n);
     if (layerObj) {
       curLayer = 0;
       layerObj.style.visibility='hidden';
     }
   }, 50);
}


function changePics(layer, point) {

 lpic = getObjectById(layer + "_lpic");
 rpic = getObjectById(layer + "_rpic");
 mpicbg = "url(" + imgRoot + "dd_mpic.png)";
 lpicbg = "url(" + imgRoot + "dd_lpic.png)";
 rpicbg = "url(" + imgRoot + "dd_rpic.png)";
 switch (point) {
    case "mid":
       if (lpic.style.backgroundImage != mpicbg) lpic.style.backgroundImage = "url(" + imgRoot + "dd_mpic.png)";
       if (rpic.style.backgroundImage != mpicbg) rpic.style.backgroundImage = "url(" + imgRoot + "dd_mpic.png)";
       break; 

    case "left":
       if (lpic.style.backgroundImage != mpicbg) lpic.style.backgroundImage = "url(" + imgRoot + "dd_mpic.png)";
       if (rpic.style.backgroundImage != rpicbg) {
          rpic.style.backgroundImage = "url(" + imgRoot + "dd_rpic.png)";
          rpic.className = "png";
       }
       break; 
    
    case "right":
       if (lpic.style.backgroundImage != lpicbg) {
          lpic.style.backgroundImage = "url(" + imgRoot + "dd_lpic.png)";
          lpic.className = "png";
       }
       if (rpic.style.backgroundImage != mpicbg) rpic.style.backgroundImage = "url(" + imgRoot + "dd_mpic.png)";
       break; 
       
 }

}

function getObjectById(id) {
   if (!Objects[id]) {
      Objects[id] = document.getElementById(id);
   }
   return Objects[id];
}