  var dragStartX=0;
  var dragStartY=0;
  var dragStartTop=0;
  var dragStartLeft=0;
  var dragStarted=false;
  var dragStarted1=false;
  var panelCollapsed=false;
  
  function doMouseDrag(panel) {
    dragStartX=event.x; 
    dragStartY=event.y;
    dragStarted=true;
    dragStartTop=panel.style.top.substring(0,panel.style.top.length-2);
    dragStartLeft=panel.style.left.substring(0,panel.style.left.length-2);
    return true;
  }
  
  function doMouseMove(panel) {
    if(dragStarted) {
      panel.style.left=dragStartLeft-(dragStartX-event.x);
    panel.style.top=dragStartTop-(dragStartY-event.y);
    }
    return true;
  }
  
  function doToggleExpand(panelid) {
    try
    {
      if(panelid.style.display == "none") {
        panelid.style.display = "";
        //eval(panelid.id + 'Btn.src="images/drop_close.gif"');
        document.images[panelid.id+'Btn'].src="images/btn_minus.gif";
      } else {
        panelid.style.display = "none";
        //eval(panelid.id + 'Btn.src="images/drop_open.gif"');
        document.images[panelid.id+'Btn'].src="images/btn_plus.gif";
      }
    }catch(ex){

    }    
    return false;
  }
  
  function doToggleCollapse(panelid) {
    try
    {
      if(panelid.style.display == "none") {
        panelid.style.display = "";
        //eval(panelid.id + 'Btn.src="images/drop_close.gif"');
        document.images[panelid.id+'Btn'].src="images/drop_close.gif";
      } else {
        panelid.style.display = "none";
        //eval(panelid.id + 'Btn.src="images/drop_open.gif"');
        document.images[panelid.id+'Btn'].src="images/drop_open.gif";
      }
    }catch(ex){

    }    
    return false;
  }
  
  function doHide(panelid) {
  try{
    panelid.style.display = "none";
    eval(panelid.id + 'Btn.src="images/drop_open.gif"');    
   }catch(ex)
   {
   }
  }
  
  function onPropChange()
  {
     if (event.propertyName != "value" ) return;
     btn1.disabled = (txt1.value.length == 0);
  }
  
  function showInnerHTML(elem)
  {
    alert("innerHtml:\n" + elem.innerHTML);
  }

  function showOuterHTML(elem)
  {
    alert("outerHtml:\n" + elem.outerHTML);
  }

  function showInnerText(elem)
  {
    alert("innerText:\n" + elem.innerText);
  }

  function showOuterText(elem)
  {
    alert("outerText:\n" + elem.outerText);
  }

