// JScript File

var reloadTimer;

function getWinWidth() {
    if (window.innerWidth) {
      return(window.innerWidth);
      alert(window.innerWidth);
    } else if (document.body.clientWidth) {
    alert(document.body.clientWidth);
      return(document.body.clientWidth);
     
    } else {
 
     
      return(null);
    }
}
function getWinHeight() {
    if (document.body.clientHeight)
    {
      return(document.body.clientHeight);
    } else if (window.innerHeight){
      return(window.innerHeight);
    } else {
      return(null);
    }
}

function handleMapResize(e)
{
    window.clearTimeout(reloadTimer);
    reloadTimer = window.setTimeout("formatLayout();",100);
    //formatLayout();
}

function formatLayout()
{
    document.body.style.overflow = "hidden";
    document.body.style.height = "100%";
    //var swWidth = getWinWidth();
    //var swsHeight = getWinHeight();
    
    var swWidth   = ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) -15;
    var swsHeight = ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 20;
    
    var dvTitle = document.getElementById("titleDiv");
    dvTitle.style.width = swWidth + "px";
    

    
    var dvTopBar = document.getElementById("tblTopBar");
    dvTopBar.style.width = swWidth + "px";
    
    alignToBottom(dvTitle,dvTopBar  );   
  
    var dvToolBar = document.getElementById("tblToolbar");
    var dvToolBard = document.getElementById("divToolbar");
    
    //dvToolBar.style.width = swWidth + "px";
    //dvToolBar.style.height= dvTopBar.offsetHeight + "px";
    //dvToolBar.style.left= (dvTopBar.offsetLeft) + "px";
    //dvToolBard.style.height= dvTopBar.offsetHeight + "px";
   
    //dvToolBard.style.left= (dvTopBar.offsetLeft + 15) + "px";
    //dvToolBar.style.top = dvTopBar.offsetTop + "px";
    //dvToolBard.style.top = dvTopBar.offsetTop + "px";
    
    //alignToBottom(dvTitle,dvToolBar  );
    //alignToBottom(dvTitle,dvToolBard  );
    
    var dvToc = document.getElementById("toc");
    var tWidth = dvToc.offsetWidth;
    var tbHeight =  swsHeight -(dvTitle.offsetHeight + dvToolBar.offsetHeight) ;
    
    var dvMap = document.getElementById("mapArea");
    var dvMapc = document.getElementById("mapContainer");
    
    var mapWid = ((swWidth - tWidth) - 5)  - (2*border);
    var mapHt = (tbHeight - 5)   - (2*border);
    
    var mdtop = dvTitle.offsetHeight + dvToolBar.offsetHeight;
    top=mdtop;
    left=0;
    width = mapWid;
    height = mapHt;
    
     setMapDivProperties(top,left,mapWid,mapHt,border,DivId);
     dvMapc.style.width = mapWid + "px";
     dvMapc.style.height = mapHt + "px";
     dvMap.style.width = mapWid + "px";
     dvMap.style.height = mapHt + "px";
    

 
  var dvZBT = document.getElementById("zoomboxTop");
  dvZBT.style.top = mtop + "px";
  dvZBT.style.left = mleft + "px";  
  dvZBT.style.width = mwidth + "px";
  dvZBT.style.height = mheight + "px";
  
  var dvZBB = document.getElementById("zoomboxBottom");
  dvZBB.style.top = mtop + "px";
  dvZBB.style.left = mleft + "px";  
  dvZBB.style.width = mwidth + "px";
  dvZBB.style.height = mheight + "px";
  
  var dvZBL = document.getElementById("zoomboxLeft");
  dvZBL.style.top = mtop + "px";
  dvZBL.style.left = mleft + "px";  
  dvZBL.style.width = mwidth + "px";
  dvZBL.style.height = mheight + "px";
  
  var dvZBR = document.getElementById("zoomboxRight");
  dvZBR.style.top = mtop + "px";
  dvZBR.style.left = mleft + "px";  
  dvZBR.style.width = mwidth + "px";
  dvZBR.style.height = mheight + "px";  
    //createZoomBoxDivs();
  //alignToLeft(dvMap,dvToc)
    
    var anc = dvMapc.offsetWidth + dvMapc.offsetLeft;
    dvToc.style.left = anc + "px" ;
    
    if (tbHeight > 0)
    {
       dvToc.style.height = (tbHeight -5) + "px";
    }
    var twidth = (swWidth - width) - 5;
    if (twidth > 0)
    {
       //dvToc.style.width = twidth + "px";
    }
    
   //dvToc.style.width =  tWidth + "px";
    //alignToBottom(dvToolBar,dvToc   );
    //alignToLeft(dvToc, EditObj)

      var dImg = document.getElementById("theImage");
      if (initLoad) {
         initLoad = false;
      } else {
         dImg.style.width = mapWid + "px";
         dImg.style.height = mapHt + "px";
         setUpCoordBox();
         trackMouseMoves();
         redrawMap();
      }

    
}

function redrawMap()
{
    showLayer('loading');
    window.clearTimeout(reloadTimer);
    reloadTimer = window.setTimeout("getMapWithCurrentExtent();",900);

}



function alignToBottom(AnchObj, EditObj)
{
    var ancObj;
    var obj1;
    var anchOffsTop;
    if ( document.all )
    {
    ancObj = eval("document.all." + AnchObj.id);
    obj1 = eval("document.all." + EditObj.id);
    anchOffsTop = ancObj.offsetHeight + ancObj.offsetTop;
    obj1.style.top = anchOffsTop + "px";
    }
    else
    {
    ancObj = document.getElementById(AnchObj.id);
    obj1 = document.getElementById(EditObj.id);
    anchOffsTop = ancObj.offsetHeight + ancObj.offsetTop;
    obj1.style.top = anchOffsTop + "px";
    }
}
function alignToLeft(AnchObj, EditObj)
{
    if ( document.all )
    {
    var ancObj = eval("document.all." + AnchObj.id);
    var obj1 = eval("document.all." + EditObj.id);
    var anchOffsLeft = ancObj.offsetWidth + ancObj.offsetLeft;
    obj1.style.left = anchOffsLeft + "px" ;
    }
    else
    {
    var ancObj = document.getElementById(AnchObj.id);
    var obj1 = document.getElementById(EditObj.id);
    var anchOffsLeft = ancObj.offsetWidth + ancObj.offsetLeft;
    obj1.style.left = anchOffsLeft + "px" ;
    }
}
function alignCoinc(AnchObj, EditObj)
{
    var anchOffsHt = AnchObj.offsetHeight;
    var anchOffsWd = AnchObj.offsetWidth;
    var anchOffsTop = AnchObj.offsetTop;
    var anchOffsLeft = AnchObj.offsetLeft;
    EditObj.style.height = anchOffsHt + "px";
    EditObj.style.width = anchOffsWd + "px";
    EditObj.style.top = anchOffsTop + "px";
    EditObj.style.left = anchOffsLeft + "px";
}

function alignWidth(AnchObj, EditObj)
{
    var anchOffsWd = AnchObj.offsetWidth;
    EditObj.style.width = anchOffsWd + "px";
}

function alignHeight(AnchObj, EditObj)
{
    var anchOffsHt = AnchObj.offsetHeight;
    EditObj.style.height = anchOffsHt + "px";
}