// globals
var agt = navigator.userAgent.toLowerCase();
var is_ie  = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var is_gecko = (agt.indexOf('gecko') != -1);
var is_opera = (agt.indexOf("opera") != -1);

// get style of the element
function getElementStyle(targetElm,IEStyleProp,CSSStyleProp) {
 var elem = targetElm;
 if (elem.currentStyle) {
  return elem.currentStyle[IEStyleProp];
 } else if (window.getComputedStyle) {
  var compStyle = window.getComputedStyle(elem,"");
  return compStyle.getPropertyValue(CSSStyleProp);
 }
}//---End Function

function getPosition(that) {
 var targetEle = that; 
 var pos = new function(){ this.x = 0; this.y = 0; }
 while( targetEle ){
  pos.x += targetEle.offsetLeft; 
  pos.y += targetEle.offsetTop; 
  targetEle = targetEle.offsetParent;

  //for IE
  if ((targetEle) && (is_ie)) {
   pos.x += (parseInt(getElementStyle(targetEle,"borderLeftWidth","border-left-width")) || 0);
   pos.y += (parseInt(getElementStyle(targetEle,"borderTopWidth","border-top-width")) || 0);
  }
 }
  //gecko
 if (is_gecko) {
  var bd = document.getElementsByTagName("BODY")[0];  //body•”‚ðŽæ“¾
  pos.x += 2*(parseInt(getElementStyle(bd,"borderLeftWidth","border-left-width")) || 0);
  pos.y += 2*(parseInt(getElementStyle(bd,"borderTopWidth","border-top-width")) || 0);
 }
 return pos;
}

function openno(symbol, caller)
{
	var floatingWindow = document.getElementById(symbol);
	if(	floatingWindow.style.display == 'block')
	{
    	floatingWindow.style.display = 'none';
	}
	else
	{	
	    var posButton = getPosition(document.getElementById(caller));
	    floatingWindow.style.top = posButton.y + 20 + 'px';
	    floatingWindow.style.left = posButton.x + 'px';

	    floatingWindow.style.position = 'absolute';
	    floatingWindow.style.display = 'block';
	}
}