function grayOut(vis, options) {

  var options = options || {};
  var zindex = options.zindex || 200;
  var opacity = options.opacity || 70;
  var opaque = (opacity / 100);
  var bgcolor = options.bgcolor || '#000000';
  var dark=document.getElementById('darkenScreenObject');
  if (!dark) {

    var tbody = document.getElementsByTagName('body')[0];
    var tnode = document.createElement('div');           // Create the layer.
        tnode.style.position='absolute';                 // Position absolutely
        tnode.style.top='0px';                           // In the top
        tnode.style.left='0px';                          // Left corner of the page
        tnode.style.overflow='hidden';                   // Try to avoid making scroll bars
        tnode.style.display='none';                      // Start out Hidden
        tnode.id='darkenScreenObject';                   // Name it so we can find it later
    tbody.appendChild(tnode);                            // Add it to the web page
    dark=document.getElementById('darkenScreenObject');  // Get the object.
  }
  if (vis) {

    if( document.body && ( document.body.scrollWidth || document.body.scrollHeight ) ) {
        var pageWidth = document.body.scrollWidth+'px';
        var pageHeight = document.body.scrollHeight+'px';
    } else if( document.body.offsetWidth ) {
      var pageWidth = document.body.offsetWidth+'px';
      var pageHeight = document.body.offsetHeight+'px';
    } else {
       var pageWidth='100%';
       var pageHeight='100%';
    }

    dark.style.opacity=opaque;
    dark.style.MozOpacity=opaque;
    dark.style.filter='alpha(opacity='+opacity+')';
    dark.style.zIndex=zindex;
    dark.style.backgroundColor=bgcolor;
    dark.style.width= pageWidth;
    dark.style.height= pageHeight;
    dark.style.display='block';
  } else {
     dark.style.display='none';
  }
}

function moveTableTo( x, y) {
        if (document.getElementById) {
        document.getElementById('TSTable').style.left = parseInt(x)+'px';
        document.getElementById('TSTable').style.top = parseInt(y)+'px';
        }
}

function slideOut(){
        moveit=0;
        if(document.getElementById){
                if(parseInt(document.getElementById('TSTable').style.left) > - 1000){
                        document.getElementById('TSTable').style.left = parseInt(document.getElementById('TSTable').style.left) - 15 + 'px';
                        moveit=1;
                }
                if(parseInt(document.getElementById('TSTable').style.top) > -1000){
                        document.getElementById('TSTable').style.top = parseInt(document.getElementById('TSTable').style.top) - 8 + 'px';
                        moveit=1;
}
        if(moveit) {
                setTimeout('slideOut()',1);
                }

        }
}

