function getPageOffset(o){
  var KL_left=-110
  var KL_top=33
  do{
    KL_left+=o.offsetLeft
    KL_top+=o.offsetTop
  }while(o=o.offsetParent)
  return [KL_left, KL_top]
}

closing=[]// таймауты

function highlight(elem){
  if(elem){
     //elem.style.backgroundColor="#0F4880";
     //elem.style.color="#fff";
  }
}

function lowlight(elem){
  if(elem){
     //elem.style.backgroundColor="#fff"
  }
}


/////////////////////////////////////////////////////////////

function show_menu(id, offsetparent){
  dd=document.getElementById('dropdown_menu_'+id)
  if(!dd) return

  cancel_close(id)

  offset=getPageOffset(offsetparent)
  if(dd.offsetHeight+offset[1] > getWindowHeight()+getScrollY()){
    offset[1]=getWindowHeight()+getScrollY()-dd.offsetHeight
  }

  dd.style.left=(offset[0]+offsetparent.offsetWidth-10)+"px"
  dd.style.top=offset[1]+"px"


  dd.style.visibility="visible"

  //highlight parent
  //setTimeout("highlight(document.getElementById('item_"+id+"'))",10)

}

function cancel_close(id){
  ids=id.split('__')
  id=''
  for(var i=0;i<ids.length;i++){
    id+="__"+ids[i]
    clearTimeout(closing[id.substring(2)])
  }
}

function hide_menu(id){
  menus=document.getElementsByTagName('div');
  for(var i=0;i<menus.length;i++){
    var id=menus[i].id
    if(id.indexOf('dropdown_menu_')==0){
      id=id.substr(14)
      clearTimeout(closing[id])
      closing[id]=setTimeout('hide_menu2("'+id+'")',1)
    }else{
      highlight(document.getElementById('item_'+id))
    }
  }
}

function hide_menu2(id){
  dd=document.getElementById('dropdown_menu_'+id)
  if(!dd) return
  dd.style.visibility="hidden"
  lowlight(document.getElementById('item_'+id))
}