// JScript File
var orderFrame = null;
var savedTarget=null;                                     // The target layer (effectively vidPane)   
var orgCursor=null;                                       // The original mouse style so we can restore it   
var dragOK=false;                                         // True if we're allowed to move the element under mouse   
var dragXoffset=0;                                        // How much we've moved the element on the horozontal   
var dragYoffset=0;                                        // How much we've moved the element on the verticle   
var origOrderWidth=0;
var origOrderHeight=0;
var origOrderXoffset=0;
var origOrderYoffset=0;

function hideLayer(whichLayer) 
{
  if (document.getElementById) 
  {
    // this is the way the standards work
    document.getElementById(whichLayer).style.visibility = "hidden";
  }
  else if (document.all) 
  {
    // this is the way old msie versions work
    document.all[whichlayer].style.visibility = "hidden";
  }
  else if (document.layers) 
  {
    // this is the way nn4 works
    document.layers[whichLayer].visibility = "hidden";
  }
}

function showLayer(whichLayer) 
{
  if (document.getElementById) 
  {
    // this is the way the standards work
    document.getElementById(whichLayer).style.visibility = "visible";
  }
  else if (document.all) 
  {
    // this is the way old msie versions work
    document.all[whichlayer].style.visibility = "visible";
  }
  else if (document.layers) 
  {
    // this is the way nn4 works
    document.layers[whichLayer].visibility = "visible";
  }
}

function moveHandler(e)
{      
  if (e == null) { e = window.event }       
  
  if (e.button<=1&&dragOK)
  {         
    savedTarget.style.left=e.clientX-dragXoffset+'px';         
    savedTarget.style.top=e.clientY-dragYoffset+'px';         
    return false;      
  }   
}   

function cleanup(e) 
{      
  document.onmousemove=null;      
  document.onmouseup=null;      
  savedTarget.style.cursor=orgCursor;      
  dragOK=false;   
}   

function dragHandler(e)
{      
  var htype='-moz-grabbing';      
  if (e == null) { e = window.event; htype='move';}       
  var target = e.target != null ? e.target : e.srcElement;      
  orgCursor=target.style.cursor;      
  
  if (target.className=="orderFrame") 
  {         
    savedTarget=target;                
    target.style.cursor=htype;         
    dragOK=true;         
    dragXoffset=e.clientX-parseInt(orderFrame.style.left);         
    dragYoffset=e.clientY-parseInt(orderFrame.style.top);         
    document.onmousemove=moveHandler;         
    document.onmouseup=cleanup;         
    return false;      
  }   
}

function setupOrderFrame(userID,orderID)
{

  var orderDataDiv = document.createElement('div');
  orderDataDiv.setAttribute('id','orderDataDiv');
  orderDataDiv.className = 'orderFrame';
  orderDataDiv.style.width = 300;
  orderDataDiv.style.height = 300;
  orderDataDiv.style.left = 0;
  orderDataDiv.style.top = 0;
  parentDiv.appendChild(orderDataDiv);
  
  
  orderFrame = document.getElementById('orderDataDiv');    // Our movable layer   

  orderFrame.style.left = document.body.offsetWidth - 325;

  document.onmousedown=dragHandler;
  window.onscroll = scrollOrderFrame;
  
  var url = '';
  
  if (location.hostname == 'localhost')
    url += '/web';
    
  url += '/ajax/getOrderFrameInfo.aspx?user_id=' + userID + '&order_id=' + orderID;
  
  orderDataDiv.innerHTML = SendXMLHttp(url, "GET")
}

function scrollOrderFrame() 
{
  orderFrame = document.getElementById('orderDataDiv');    // Our movable layer   
  
  if (orderFrame != null)
  {
    orderFrame.style.top = document.body.scrollTop
  }
}

function toggleOrderFrame()
{
  orderFrame = document.getElementById('orderDataDiv');    // Our movable layer   
  
  // if we have our frame as 20 pixels high, set it back to the original height
  if (orderFrame.style.height == '20px')
  {
    // show our frame
    orderFrame.style.height = origOrderHeight;
    orderFrame.style.width = origOrderWidth;
    
    orderFrame.style.left = document.body.offsetWidth - parseInt(orderFrame.style.width) - origOrderXoffset;
    
    orderFrame.style.overflow = 'auto';
    
    var obj = findItem('orderFrameHideShowDiv');
    obj.innerText = "hide"
  }
  else
  {
    // hide our frame
    origOrderHeight = orderFrame.style.height;
    origOrderWidth = orderFrame.style.width;
    origOrderXoffset = document.body.offsetWidth - parseInt(orderFrame.style.left) - parseInt(orderFrame.style.width)
    
    orderFrame.style.height = 20;
    orderFrame.style.width = 35;
    orderFrame.style.left = document.body.offsetWidth - parseInt(orderFrame.style.width) - origOrderXoffset
    orderFrame.style.overflow = 'hidden';
    
    var obj = findItem('orderFrameHideShowDiv');
    obj.innerText = "show"
  }
}