function move_box(an, box) {
  var cleft = 8;
  var ctop = 0;
  var obj = an;
  while (obj.offsetParent) {
    cleft += obj.offsetLeft;
    ctop += obj.offsetTop;
    obj = obj.offsetParent;
  }
  box.style.left = cleft + 'px';
  ctop += an.offsetHeight + 8;
  if (document.body.currentStyle &&
    document.body.currentStyle['marginTop']) {
    ctop += parseInt(
      document.body.currentStyle['marginTop']);
  }
  box.style.top = ctop + 'px';
}

function move_box2(an, box) {
  var cleft = 8;
  var ctop = 0;
  var obj = an;
  while (obj.offsetParent) {
    cleft += obj.offsetLeft;
    ctop += obj.offsetTop;
    obj = obj.offsetParent;
  }
  box.style.left = cleft + -80 + 'px';
  ctop += an.offsetHeight + 8;
  if (document.body.currentStyle &&
    document.body.currentStyle['marginTop']) {
    ctop += parseInt(
      document.body.currentStyle['marginTop']);
  }
  box.style.top = ctop + -160 + 'px';
}

function show_hide_box(an, width, height, borderStyle, title) {
	var title = (title == null) ? ' ' : title;
	var href = an.href;
	var boxdiv = document.getElementById(href);

	labels = getElementsByClassName(document, '*', 'agendacommentsboxdiv');
	for(var i = 0; i < labels.length; i++ ) { 
		if(labels[i].className == 'agendacommentsboxdiv') 
			labels[i].style.display='none';
	}

	if(boxdiv != null) {
		if(boxdiv.style.display=='none') {
			move_box(an, boxdiv);
			boxdiv.style.display='block';
		} else
			boxdiv.style.display='none';
		return false;
	}

	boxdiv = document.createElement('div');
	boxdiv.setAttribute('id', href);
	boxdiv.className = 'agendacommentsboxdiv';
	boxdiv.style.display = 'block';
	boxdiv.style.position = 'absolute';
	boxdiv.style.width = width + 'px';
	boxdiv.style.height = height + 21 + 'px';
	boxdiv.style.border = borderStyle;
	boxdiv.style.backgroundColor = '#fff';
	
	var contents = document.createElement('iframe');
	contents.scrolling = 'no';
	contents.frameBorder = '0';
	contents.style.width = width + 'px';
	contents.style.height = height + 'px';
	contents.src = href;

	var closebox = document.createElement('div');
	closebox.style.cursor = 'pointer';
	closebox.style.borderBottom = '1px solid #aaa';
	closebox.style.backgroundColor = '#eee';
	closebox.style.paddingRight = '6px';
	closebox.style.paddingBottom = '2px';	
	closebox.style.height = '22px';
	closebox.onclick = function(){boxdiv.style.display = 'none'}
	var message = document.createElement('div');
	//message.style.textAlign = 'right';
	//message.appendChild(document.createTextNode('x'))
	message.innerHTML = '<span style="overflow:hidden;position:absolute;left:6px;top:5px;font:bold 0.8em;">' + title + '</span><span style="overflow:hidden;position:absolute;width:32px;right:6px;top:3px;text-align:right;">x</span>';
	message.title = 'Close';
	var br = document.createElement('div')
	br.style.clear = 'both';
	closebox.appendChild(message);
	closebox.appendChild(br);

	boxdiv.appendChild(closebox);
	boxdiv.appendChild(contents);
	document.body.appendChild(boxdiv);
	move_box(an, boxdiv);

	return false;
}

function show_box(an, url, width, height, borderStyle) {
	var href = url;
	var boxdiv = document.getElementById(href);
	labels = getElementsByClassName(document, '*', 'agendacommentsboxdiv');
	for(var i = 0; i < labels.length; i++ ) { 
		if(labels[i].className == 'agendacommentsboxdiv') 
			labels[i].style.display='none';
	}

	if(boxdiv != null) {
		if(boxdiv.style.display=='none') {
			move_box2(an, boxdiv);
			boxdiv.style.display='block';
		} else
			boxdiv.style.display='none';
		return false;
	}
    
    boxdiv = document.createElement('div');
	boxdiv.setAttribute('id', href);
	boxdiv.className = 'agendacommentsboxdiv';
	boxdiv.style.display = 'block';
	boxdiv.style.position = 'absolute';
	boxdiv.style.width = width + 'px';//width + 'px';
	boxdiv.style.height = height + 21 + 'px';//height + 21 + 'px';
	boxdiv.style.border = borderStyle;
	boxdiv.style.backgroundColor = '#fff';
	boxdiv.style.overflow = 'auto';
	//boxdiv.onmouseout = function(){boxdiv.style.display = 'none' }

	var contents = document.createElement('iframe');
	contents.scrolling = 'yes';
	contents.frameBorder = '0';
	contents.style.width = width + 'px';//width + 'px';
	contents.style.height = height + 'px';//height + 'px';
	contents.src = href;

	var closebox = document.createElement('div');
	closebox.style.cursor = 'pointer';
	closebox.style.borderBottom = '1px solid #aaa';
	closebox.style.backgroundColor = '#eee';
	closebox.style.paddingRight = '6px';
	closebox.style.paddingBottom = '2px';
	closebox.onclick = function(){boxdiv.style.display = 'none'}
	var message = document.createElement('div');
	message.style.textAlign = 'right';
	message.appendChild(document.createTextNode('x'))
	message.title = 'Close';
	var br = document.createElement('div')
	br.style.clear = 'both';
	closebox.appendChild(message);
	closebox.appendChild(br);

	boxdiv.appendChild(closebox);
	boxdiv.appendChild(contents);
	document.body.appendChild(boxdiv);
	move_box2(an, boxdiv);
	
	//boxdiv.style.left = an.offsetLeft + 'px';
	//boxdiv.style.top = an.offsetTop + 'px';

	return false;
}

function getElementsByClassName(oElm, strTagName, strClassName) {
    var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}
