﻿var timeout         = 200;
var closetimer		= 0;
var ddmenuitem      = 0;  
var resLevel        = 0;
var focusedElement;
// open hidden layer
function mopen(id, that,level)
{ 

  // cancel close timer
  mcancelclosetime();
  //
  // close old layer
   if(ddmenuitem)
  {
  if (level == 1)
    {
    //mclosetime();
  //  alert(document.getElementById(id).style.display);
    document.getElementById(id).style.display='none';
     ddmenuitem.style.display = 'none';
     }
    }

//if (id && level)
//{
//document.getElementById(id).style.display='block';
//}

//else
//{
//document.getElementById(id).style.display='none';
//}

// for (i = 0; i < level ;i++)
// {

//    
// }

  // get new layer and show it
  if(document.getElementById(id))  ddmenuitem = document.getElementById(id);

  if(ddmenuitem)
  {
 if (level >= 1)
  {
  var z = 1000;
    var pos = getAbsolutePosition(that)   
    if (level == 1)
    {
    ddmenuitem.style.left = (pos.x + (level* 175))+'px';
     ddmenuitem.style.top = (pos.y) + 'px';
    ddmenuitem.style.display = 'block';
    }
    else
    { 
     z++;
        ddmenuitem.style.left = (pos.x + 175)+'px';
         ddmenuitem.style.zIndex = level * z;
      ddmenuitem.style.top = (pos.y) + 'px';
    ddmenuitem.style.display = 'block';
    }
   }
   else
   {
    ddmenuitem.style.display = '';
   }
  }
}
// close showed layer
function mclose()
{
if(ddmenuitem)
  {
   ddmenuitem.style.display = 'none';
  }
}

// go close timer
function mclosetime()
{ 
  closetimer = window.setTimeout(mclose, timeout);  
}

// cancel close timer
function mcancelclosetime()
{
  if(closetimer)
  {
	  window.clearTimeout(closetimer);
	  closetimer = null;
  }
}

// close layer when click-out
document.onclick = mclose; 

function getAbsolutePosition(element) {
    var r = { x: element.offsetLeft, y: element.offsetTop };
    if (element.offsetParent) {
        var tmp = getAbsolutePosition(element.offsetParent);
        r.x += tmp.x;
        r.y += tmp.y;
    }
    return r;
}
function loadcategries(lcat)
{ 
  var ajax=new AJAX();
  ajax.setEventHandler("call_loadcategories");
  ajax.getAJAX('AjaxMenu.aspx?cid='+lcat);  
}
function call_loadcategories(res,success)
{   
  document.getElementById("dvCategories").innerHTML="";    
  if(success)
  {
    var result=res.response;
    if(result!='')
    {
      var lspl=result.split("|:|");
      if(lspl[0]=='S')
        document.getElementById("dvCategories").innerHTML=lspl[1];              
    }
  }
}
