﻿//  Functionality for setting contents size based on browser resize for each browser type.

function ApplyResize()
{
    var map = $find('Map1');
    if (Ext.isIE && !Ext.isIE6)
    {    
        document.getElementById('WestPanel').style.height = (document.body.offsetHeight - 89) + "px";
        document.getElementById('TabContainer').style.height = (document.body.offsetHeight - 268) + "px";
        westTabs.setHeight(document.body.offsetHeight - 268);
        document.getElementById('MapPanel').style.height = (document.body.offsetHeight - 89) + "px";
        document.getElementById('Map1').style.height = (document.body.offsetHeight - 89) + "px";
        document.getElementById('ncsTreeContainer').style.height = (document.body.offsetHeight -296) + 'px';
        document.getElementById('treeLoc').style.height = (document.body.offsetHeight -296) + 'px';
        document.getElementById('ncsLegendContainer').style.height = (document.body.offsetHeight -296) + 'px';
        document.getElementById('legendLoc').style.height = (document.body.offsetHeight -296) + 'px';
        mapsTree.setHeight(document.body.offsetHeight - 295);        
        try
        {
            document.getElementById('layersTab').style.height = (document.body.offsetHeight -240) + "px";
        }catch(e){}
    }
    else if (Ext.isIE6)
    {           
        if((currheight != document.documentElement.clientHeight) || (currwidth != document.documentElement.clientWidth))
	    {  
            document.getElementById('WestPanel').style.height = (document.documentElement.clientHeight - 89) + "px";
            document.getElementById('TabContainer').style.height = (document.documentElement.clientHeight - 268) + "px";
            westTabs.setHeight(document.documentElement.clientHeight - 268);
            document.getElementById('MapPanel').style.height = (document.documentElement.clientHeight - 89) + "px";
            document.getElementById('MapPanel').style.width = (document.documentElement.clientWidth - 259) + "px";
            if (!initialLoad)
            {
                document.getElementById('Map1').style.height = (document.documentElement.clientHeight - 89) + "px";
                document.getElementById('Map1').style.width = (document.documentElement.clientWidth - 259) + "px";
            }
            document.getElementById('ncsTreeContainer').style.height = (document.documentElement.clientHeight -296) + 'px';
            document.getElementById('treeLoc').style.height = (document.documentElement.clientHeight -296) + 'px';        
            document.getElementById('ncsLegendContainer').style.height = (document.documentElement.clientHeight -296) + 'px';
            document.getElementById('legendLoc').style.height = (document.documentElement.clientHeight -296) + 'px';
            mapsTree.setHeight(document.documentElement.clientHeight -295);        
            try
            {
                document.getElementById('layersTab').style.height = (document.documentElement.clientHeight -240) + "px";
            }catch(e){}
        }        
        initialLoad = false;
	    currheight = document.documentElement.clientHeight;
	    currwidth = document.documentElement.clientWidth;
    }
    else
    {    
        document.getElementById('WestPanel').style.height = (window.innerHeight - 89) + "px";
        document.getElementById('TabContainer').style.height = (window.innerHeight - 268) + "px";
        westTabs.setHeight(window.innerHeight - 268);
        document.getElementById('MapPanel').style.height = (window.innerHeight - 89) + "px";
        document.getElementById('Map1').style.height = (window.innerHeight - 89) + "px";
        document.getElementById('ncsTreeContainer').style.height = (window.innerHeight - 294) + "px";
        document.getElementById('treeLoc').style.height = (window.innerHeight - 294) + "px";
        document.getElementById('ncsLegendContainer').style.height = (window.innerHeight - 294) + "px";
        document.getElementById('legendLoc').style.height = (window.innerHeight - 294) + "px";     
        mapsTree.setHeight(window.innerHeight - 294);
        try
        {          
            document.getElementById('layersTab').style.height = (window.innerHeight - 240) + "px";
        }catch(e){}
    }
}