var DL_bIE = document.all ? true : false;
var DL_bMac = (navigator.appVersion.indexOf("Mac") != -1);
var DL_bGecko = (navigator.product == "Gecko");
var DL_bNS6Plus = false;
var DL_bNS7 = false;
var DL_bMozNS7 = false;
if(DL_bGecko)
{
    DL_bNS6Plus = (navigator.vendor.indexOf("Netscape") != -1);
    if(DL_bNS6Plus)
    {
        DL_bNS7 = (parseInt(navigator.vendorSub) >= 7);
    }
    else
    {
        DL_bMozNS7 = (parseInt(navigator.productSub) >= 20011221);
    }
}

var DL_bGeckoNS7 = (DL_bNS7 || DL_bMozNS7);
var DL_Allow = ((DL_bIE && !DL_bMac) || DL_bGecko);

document.onkeypress = function(ev)
{
    if(DL_bIE) ev = event

//         for(temp in ev){
//             alert(temp)
//         }

    switch(ev.keyCode)
    {
        case 113:
            moveBox();

            break;

    }
}

function getElement(sId)
{
    return DL_bIE ? document.all(sId) : document.getElementById(sId);
}


function moveBox()
{
    var eBlueBox = getElement("bluebox");
    var eRedBox = getElement("redbox");
    var nRedBoxLeft = DL_GetElementLeft(eRedBox, true);
    var nRedBoxTop  = DL_GetElementTop(eRedBox, true);
    eBlueBox.style.left = nRedBoxLeft + "px";

    //showTA('\n\n')

    eBlueBox.style.top  = nRedBoxTop  + "px";
}
function resetBox()
{
    var eBlueBox = getElement("bluebox");
    var eDiv = getElement("divBlueBox");
    eBlueBox.style.visibility = "visible"

    eBlueBox.style.left = DL_GetElementLeft(eDiv, false) + "px";
    eBlueBox.style.top = DL_GetElementTop(eDiv, false) + "px";
}

function resetRedBox()
{
    var eRedBox = getElement("tblRedBox");
    if(eRedBox)
    {
        var eDiv = getElement("tblCode");
    //eBlueBox.style.visibility = "visible"

        eRedBox.style.left = DL_GetElementLeft(eDiv, false) + "px";
        eRedBox.style.top = DL_GetElementTop(eDiv, false) + "px";
    }
}

function DL_GetElementLeft(eElement)
{
   if (!eElement && this)
   {
      eElement = this;
   }

   var DL_bIE = document.all ? true : false;

   var nLeftPos = eElement.offsetLeft;
   var eParElement = eElement.offsetParent;
   while (eParElement != null)
   {
      if(DL_bIE)
      {
         if(eParElement.tagName == "TD")
         {
			 nLeftPos += eParElement.clientLeft;
         }
      }
      else
      {
         if(eParElement.tagName == "TABLE")
         {
            var nParBorder = parseInt(eParElement.border);
            if(isNaN(nParBorder))
            {
               var nParFrame = eParElement.getAttribute('frame');
               if(nParFrame != null)
               {
                  nLeftPos += 1;
               }
            }
            else if(nParBorder > 0)
            {
               nLeftPos += nParBorder;
            }
         }
      }

	  nLeftPos += eParElement.offsetLeft;
	  eParElement = eParElement.offsetParent;
   }



   return nLeftPos;
}

function DL_GetElementTop(eElement)
{
   if (!eElement && this)
   {
      eElement = this;
   }

   var DL_bIE = document.all ? true : false;

   var nTopPos = eElement.offsetTop;
   var eParElement = eElement.offsetParent;

   while (eParElement != null)
   {
      if(DL_bIE)
      {
         if(eParElement.tagName == "TD")
         {
            nTopPos += eParElement.clientTop;
         }
      }
      else
      {
         if(eParElement.tagName == "TABLE")
         {
            var nParBorder = parseInt(eParElement.border);
            if(isNaN(nParBorder))
            {
               var nParFrame = eParElement.getAttribute('frame');
               if(nParFrame != null)
               {
                  nTopPos += 1;
               }
            }
            else if(nParBorder > 0)
            {
               nTopPos += nParBorder;
            }
         }
      }

      nTopPos += eParElement.offsetTop;
      eParElement = eParElement.offsetParent;
   }
   return nTopPos;
}

function DL_OnLoad()
{
    resetBox();
    resetRedBox();
}

if(!DL_Allow)
{
    moveBox =  new Function();
    resetBox = new Function();
	resetRedBox = new Function();
    DL_OnLoad = new Function();
}

onload = DL_OnLoad;