var nowshowing = null;

function showpop(root, popname){
  if(popname != nowshowing){
    if(nowshowing){
      $(nowshowing).hide();
    }

	var pop = $(popname);
	
	if(pop){

		var pos = Position.cumulativeOffset(root);
		var rootx = pos[0];
		var rooty = pos[1];

		var top = rooty + $(root).getHeight();
		var left = rootx;
		
		
		if((left + $(popname).getWidth()) > document.viewport.getWidth()){
			left = (document.viewport.getWidth() - $(popname).getWidth()) - 10;
		}

		$(popname).setStyle( { position:'absolute',
										  top:top + "px",
										  left:left + "px",
										  zIndex:1210
										});



		$(popname).show();

		nowshowing = popname;
    }
  }
}

function hidepop(){
    if(nowshowing){
		$(nowshowing).hide();
		nowshowing = null;
    }
}