﻿function setSize() 
{
    var height;
    var width;
    var margin = 20;
    var leftMargin = 10;
    var maxWidth = 1000;
    
    height=document.documentElement.clientHeight-220;
    width=document.documentElement.clientWidth-30;
    
    if (height<0)
        height=1;
    
    if (width<=600) 
        width=600;
        
    if (width>maxWidth)
    {
        margin = width - maxWidth + 20; 
        width = maxWidth;
    }
    
    //document.body.style.marginLeft  = margin/2 + "px";
    //document.body.style.marginRight = margin/2 + "px";
    leftMargin = margin/2 - 20;
    
    if (leftMargin < 0)
        leftMargin = 0;
        
    document.getElementById("divMain").style.left = leftMargin + "px";
    document.getElementById("panelMain").style.left = 200 + "px";
        
    document.getElementById("panelTop").style.width    = width + "px";
    document.getElementById("panelMiddle").style.width = width + "px";
    document.getElementById("panelLeft").style.height  = height + "px";
    document.getElementById("panelMain").style.height  = height + "px";
    document.getElementById("panelMain").style.width   = width-220 + "px";

    if (document.getElementById("map") != null)
    {
        document.getElementById("map").style.height  = height-50 + "px";
        document.getElementById("map").style.width   = width-230 + "px";
    }

    document.getElementById("divLoad").style.display = "None";
    document.getElementById("divMain").style.display = "block";
}

function setSizes() 
{
    setSize();
    window.onresize= setSize;
}


