function findPos(obj) {
  var pos = new Object;
  pos.left = 0;
  pos.top = 0;
	if (obj.offsetParent)	{
		while (obj.offsetParent) {
		  pos.left += obj.offsetLeft;
			pos.top  += obj.offsetTop;
			obj = obj.offsetParent;
		};
	}	else if (obj.x) {
	  pos.left = obj.x;
	  pos.top = obj.y;
	};
	return pos;
};

function parent(widget) {
  if (widget.parentElement) { return widget.parentElement };
  if (widget.parentNode) { return widget.parentNode };
  if (widget.parent) { return widget.parent };
  return;
};

function show_calendar_widget(widget) {
  if (! document.getElementsByTagName) { return; };
  // find edit widget
  var edits = widget.parentNode.getElementsByTagName('input');
  if (edits.length > 1) {
    alert("More than one date edit field found within the enclosing element");
    return 0;
  } else if (edits.length == 0) {
    alert("No date edit field found within the enclosing element");
    return 0;
  };
  var date_edit = edits[0];

  // load date from edit widget
  
  var date = date_edit.value;

  // find/create calendar widget
  var calendar_widget = document.getElementById('calendar_widget');
  if (! calendar_widget) {
    calendar_widget = document.createElement('div');
    calendar_widget.id = 'calendar_widget';
    calendar_widget.className = 'calendar_widget';
    document.body.appendChild(calendar_widget);
    var iframe = document.createElement('iframe');
    // <iframe id='calendar_widget_iframe' name='calendar_widget_iframe' style="border: none;" height=100% src="calendar_widget.html" />
    iframe.id = 'calendar_widget_iframe';
    iframe.name = iframe.id;
    iframe.style.border = 'none';
    iframe.width = '100%';
    iframe.height = '100%';
    iframe.src = 'calendar_widget.jsp';

    calendar_widget.appendChild( iframe );
  };

  // find lower edge of edit widget:
  pos = findPos(date_edit);
  if (date_edit.offsetHeight) {
    pos.top += date_edit.offsetHeight;
  } else {
    pos.top += date_edit.clientHeight;
  };

  // move calendar widget

    calendar_widget.style.position = 'absolute';
    calendar_widget.style.top = pos.top-264+"px";
    calendar_widget.style.left = "650px";
    calendar_widget.style.display = "block";


  // Now connect the current edit to the iframe:
  //var iframe = window.frames['calendar_widget_iframe'];
  //iframe.set_edit(date_edit);
  var iframe = window.frames[0];
  window.setTimeout(function(){
  iframe.set_edit(date_edit);
  }, 500);
};