var current = null
var z = 1

document.onmouseover = documentMousedown;

function documentMousedown(event) {
   var element;
  if (parent.document.all){
    if ( parent.window.event ){
        element = parent.window.event.srcElement;
    }else{

        element = window.srcElement;
    }
  }else{
    if (event){
       element = (event.target.tagName ? event.target : event.target.parentNode);
    }else{
       element = (e.target.tagName ? e.target : e.target.parentNode);
    }
  }
  
  if ( element.id == '' ){
  	closeAllPopup();
  }
 }
function closeAllPopup(){
   	obj = getElementsByClassName('popupmenu');
   	for( i=0; i<obj.length ; i ++ ){
   		obj[i].style.visibility = "hidden"
   	} 
}

function openMenu( event, id ){
	o = getElement( "m"+id )
	d = getElement( "d"+id )
	if ( current != null ){
		if ( current.child.id != o.offsetParent.id ){
			current.child.style.visibility = "hidden"
		}
	} 
	

	if (d){
		d.style.left= getLeft(  "m"+id ) + getWidth(  "m"+id ) + "px"
		d.style.top = getTop(  "m"+id ) + "px"
		d.style.zIndex = z++;
		d.style.visibility = "visible"
		o.child = d
		current = o
	}
}

function closeMenu(id){

}