/**
* @function setMapDimensions()
* @description Resize the map div to Window width and height
*/
function setMapDimensions() {
 
    var el = (window.opera ? document.body : document.documentElement);
 
	var docHeight = el.clientHeight-118;
	var docWidth = el.clientWidth;

	document.getElementById("map").style.height = docHeight + "px";
	document.getElementById("map").style.width = docWidth + "px";
	
}

var setTreeDimensionsFirstTime = true;
var setTreeDimensionsResizing = false;

function setTreeDimensions()
{
    if (!setTreeDimensionsResizing)
    {
        setTreeDimensionsResizing = true;
        
        var el = (window.opera ? document.body : document.documentElement);
     
	    var docHeight = el.clientHeight-118;
	    var docWidth = el.clientWidth;

	    document.getElementById("content").style.height = docHeight + "px";
	    document.getElementById("content").style.width = docWidth + "px";
    	
	    document.getElementById("canvasContainer").style.height = (docHeight - 0) + "px";
	    document.getElementById("canvasContainer").style.width = (docWidth - 0) + "px";
    	
	    document.getElementById("canvasSpacer").style.height = (docHeight - 0) + "px";
    	
	    if (setTreeDimensionsFirstTime)
	    {
	        centerTree();
    	    setTreeDimensionsFirstTime = false;
	    }
    	
        setTreeDimensionsResizing = false;
    }
}

function centerTree(x,y)
{
    x = (x || (BOX_WRAPPER_WIDTH/2));
    y = (y || (BOX_WRAPPER_HEIGHT/2));
    
    var el = (window.opera ? document.body : document.documentElement);
 
	var docHeight = el.clientHeight-118;
	var docWidth = el.clientWidth;
	
	CENTER_TREE_X = x;
	CENTER_TREE_Y = y;
	CENTER_TREE_LEFT = docWidth/2 - x*zoom;
	CENTER_TREE_TOP = docHeight/2 - y*zoom;

    var canvas = document.getElementById("canvas");
    canvas.style.left = parseInt(CENTER_TREE_LEFT,10) + "px";
    canvas.style.top = parseInt(CENTER_TREE_TOP,10) + "px";
    
    if (typeof(renderTreeIfNecessary) == "function")
        renderTreeIfNecessary();
}

function setGedcomDimensions() {
 
    var el = (window.opera ? document.body : document.documentElement);
 
	var docHeight = el.clientHeight-118;
	var docWidth = el.clientWidth;

	document.getElementById("GedcomContainer").style.height = docHeight + "px";
	document.getElementById("GedcomContainer").style.width = docWidth + "px";
	
	var height1 = (docHeight-200);
	if (height1 < 50)
	    height1 = 50;
	if (document.getElementById(GedcomMainPersonSelector))
	{
	    document.getElementById(GedcomMainPersonSelector).style.height = height1 + "px";
	    document.getElementById(GedcomMainPersonSelector).style.width = docWidth + "px";
	}
	if (document.getElementById(GedcomPeopleContainer))
	{
	    document.getElementById(GedcomPeopleContainer).style.height = height1 + "px";
	    document.getElementById(GedcomPeopleContainer).style.width = docWidth + "px";
	    
	}
	if (document.getElementById(GedcomMainPersonSelector))
	{
	    document.getElementById(GedcomMainPersonSelector).style.height = height1 + "px";
	    document.getElementById(GedcomMainPersonSelector).style.width = docWidth + "px";
	}
}

function setLoginDimensions() {
 
    var el = (window.opera ? document.body : document.documentElement);
 
	var docHeight = el.clientHeight-74;
	var docWidth = el.clientWidth;

	document.getElementById("wrapper").style.height = docHeight + "px";
	document.getElementById("wrapper").style.width = docWidth + "px";
	
}