var ROIpopup;
function ShowPopup (id,source,offsetTop) {
  if (ROIpopup) {
    if (ROIpopup == id) return false;
    HidePopup(ROIpopup);
    }
  $(id).appear({duration:0.1});
  ROIpopup = id;
  if (source) {
/*
setLeft 	true 	clones source’s left CSS property onto element.
setTop 	true 	clones source’s top CSS property onto element.
setWidth 	true 	clones source’s width onto element.
setHeight 	true 	clones source’s width onto element.
offsetLeft 	0 	Number by which to offset element’s left CSS property.
offsetTop
*/
    if (!offsetTop) offsetTop = 0;
    $(id).clonePosition(source,{offsetTop:offsetTop,setLeft:false,setWidth:false,setHeight:false});
    }
  return false;
}
function HidePopup (id) {
  $(id).fade({duration:0.2});
  ROIpopup = "";
  return false;
}

var ROImore = false;
function ToggleMore (id) {
  if (ROImore && $(ROImore).visible()) {
    Effect.BlindUp($(ROImore), {scaleContent:false,duration:0.1});
    $(ROImore + "_arrow").removeClassName('arrow2');
    }
  if (ROImore == id) { ROImore = false; }
  else {
    Effect.BlindDown($(id), {scaleContent:false,duration:0.2});
    $(id + "_arrow").addClassName('arrow2');
    ROImore = id;
    }
}

var ROItab = false;
function ShowTab (id) {
  if (ROItab) {
    $(ROItab).hide();
    $(ROItab + "_btn").removeClassName('color');
    }
  $(id).show();
  $(id + "_btn").addClassName('color');
  ROItab = id;
}