function clsLayoutCtrl()
{
    this.pageLayout = null;
    this.mainPane = null;
    this.centerPane = null;
    
    this.layoutMode = "";
}

var ctrlLayout = new clsLayoutCtrl();

clsLayoutCtrl.prototype.initLayout = function () 
{
    this.pageLayout = $('body').layout({ 	
		    name:					"PageLayout"
		,	north__spacing_open:			5
		,	north__spacing_closed:			5
		,	south__spacing_open:			5
		,	south__spacing_closed:			5
		,	east__spacing_open:			    0
		,	east__spacing_closed:			0
		,	north__paneSelector:	"#menuPane"
		,	north__togglerLength_open:		30			// HIDE the toggler button
		,	center__paneSelector:	"#mainPane"
		,	east__paneSelector:	    "#tagPane"
		,	south__paneSelector:	    "#divFooter"
		,	east__initClosed:			true
		,   center__onresize:   function(){
		        ctrlLayout.mainPane.resizeAll();
		        document.getElementById('menuPane').style.bacgroungColor = 'black';
		}
		,   east__onopen:   function(){
		    ctrlTag.LoadTags();
		}
		,   north__size:            40
		,   south__size:            50
		,	contentSelector:			".ui-widget-content"
		
	});
	
	this.mainPane = $('#mainPane').layout({
		name:						"mainPane"
		,	spacing_open:			5
		,	spacing_closed:			5
	//,	applyDefaultStyles:         true
    ,   center__paneSelector:	    "#centerPane"
    ,   east__paneSelector:	    "#eastPane"
    ,   west__paneSelector:	    "#westPane"
    ,   west__size:                 110
    ,   east__size:                 160
    ,	center__onresize:		function(){
        ctrlLayout.centerPane.resizeAll();
	}
	,	west__onresize:		function(){ 
        ctrlLayout.resizeWestPane();
	}
	,	east__onresize:		function(){ 
	    ctrlLayout.resizeEastPane();
	}
    ,	contentSelector:			".ui-widget-content"
	});
		
	
	this.centerPane = $('#centerPane').layout({
		name:						"centerPane"
		,	spacing_open:			5
		,	spacing_closed:			5
	//,	applyDefaultStyles:         true
    ,   center__paneSelector:	    "#graph_maptime_Pane"
    ,   south__paneSelector:	        "#divDesc"
    ,   south__size:                 65
    ,	center__onresize:		function(){
        ctrlLayout.resizeCenterPane();
	}
    ,	contentSelector:			".ui-widget-content"
    
	});
	
	this.pageLayout.addPinBtn( "#btnToggleTag", "east" );
    
    $('#divAccBox').accordion({});
    
	this.switchToMapView();
	this.locateTabs();
}

clsLayoutCtrl.prototype.locateTabs = function() 
{
    /*
    var hgtPane = $("#menuPane").height();
    document.getElementById("divTabs").style.top = (hgtPane - 50); 
    //$("#divTabs").css('bottom', hgtPane);
    alert(hgtPane);
    */
}

clsLayoutCtrl.prototype.switchToMapView = function() 
{	
    $('#divDesc').show();
    $('#divTreeGraphsPlots').hide();

    $('#paneGraphTree').hide();
    //$('#divGraph').hide();
    document.getElementById('divGraph').style.visibility = 'hidden';
    document.getElementById('divGraph').style.width = '2px';
    document.getElementById('divGraph').style.height = '1px';
    
    $('#divMapAndTime').show();
    $('#paneSensSelection').show();
    $('#divSensSelect').show();
    //this.mainPane.open("west");
    
    this.layoutMode = "map";
	
    this.mainPane.sizePane( "west", 95 );
	this.resizeCenterPane();
	this.resizeWestPane();
	this.resizeEastPane();

	ctrlGraph.clickedMapView();
	
}

clsLayoutCtrl.prototype.switchToGraphView = function() 
{
    //this.mainPane.close("west");
    $('#divDesc').show();
    document.getElementById('divGraph').style.visibility = 'visible';
    document.getElementById('divGraph').style.width = '100%';
    document.getElementById('divGraph').style.height = '100%';
    
    $('#divMapAndTime').hide();
    $('#paneSensSelection').hide();
    
    $('#paneGraphTree').show();
    $('#divTreeGraphsPlots').show();
    
    this.layoutMode = "graph";
    this.mainPane.sizePane( "west", 95 );
    
	this.resizeWestPane();
	this.resizeEastPane();

	ctrlGraph.clickedGraphView();
	
}

clsLayoutCtrl.prototype.resizeEastPane = function() {
	// locates the help description in the right place
	resizeHelp();
	// etc ...
	if (this.layoutMode == "map") {
		$('#divTreeGraphsPlots').hide();

		var width_ = $('#eastPane').width();
		var height_ = $('#eastPane').height();
		height_ -= 100;


		$('#divSensorTypes_env').height(height_ * 0.3);
		$('#divSensorTypes_box').height(height_ * 0.25);
		$('#divAccQuick').height(30);
		$('#divAccQuick').width(width_ - 2);
		$('#btnQuickGraph').width((width_ / 2) - 40);
		$('#btnQuickCSV').width((width_ / 2) - 40);
		$('#divAccDetail').height(height_ * 0.35);
		$('#sltPlot').height((height_ * 0.35) - 50);
		width_ -= 20;
		$('#divCreate').width(width_ * 0.3);
		$('#divDelete').width(width_ * 0.3);
		$('#divEdit').width(width_ * 0.25);
		$('#btnURL').width(width_ * 0.8);

	}
	else if (this.layoutMode == "graph") {
		$('#divSensSelect').hide();

		width_ = $('#eastPane').width();
		height_ = $('#eastPane').height();
		if (ctrlSmallMap.toggle == true) {
			height_ -= 300;
		}
		else {
			height_ -= 100;
		}
		$('#divTreePlots').height(height_);
		width_ -= 80;

		if (ctrlUserdata.login == true) {
			$('#aDraw').width(width_ * 0.32);
			$('#aErase').width(width_ * 0.32);
			$('#aGetCSV').show();
			$('#aGetCSV').width(width_ * 0.32);
		}
		else {
			$('#aDraw').width(width_ * 0.5);
			$('#aErase').width(width_ * 0.5);
			$('#aGetCSV').hide();
		}
		//ctrlSmallMap.render_Map();
	}
}

clsLayoutCtrl.prototype.resizeEastMap = function() {
    $('#divSensSelect').hide();
        
    var width_ = $('#eastPane').width();
    var height_ = $('#eastPane').height();
    
    if(ctrlSmallMap.toggle == true)
    {
        height_ -= 300;
    }
    else
    {
        height_ -= 100;
        //ctrlSmallMap.render_Map();
    }
    $('#divTreePlots').height(height_);
    width_ -= 80;
    
    if(ctrlUserdata.login == true)
    {
        $('#aDraw').width(width_ * 0.32);
        $('#aErase').width(width_ * 0.32);
        $('#aGetCSV').show();
        $('#aGetCSV').width(width_ * 0.32);
    }
    else
    {
        $('#aDraw').width(width_ * 0.5);
        $('#aErase').width(width_ * 0.5);
        $('#aGetCSV').hide();
    }  
}

clsLayoutCtrl.prototype.resizeWestPane = function() {
	// locates the help information in place
	resizeHelp();
	// etc...
	if (this.layoutMode == "map") {
		var scrollvisible = document.getElementById('divLocations').scrollHeight > $('#divLocations').height() ? true : false;
		var width_ = $('#westPane').width();
		if (scrollvisible) {
			if ((width_ - 17) % 26 != 0) {
				this.mainPane.sizePane("west", 26 * Math.round($('#westPane').width() / 26) + 17);
				return;
			}
		} else if ((width_) % 26 != 0) {
			this.mainPane.sizePane("west", 26 * Math.round($('#westPane').width() / 26));
			return;
		}
		var height_ = $('#westPane').height();
		height_ -= 65;
		//$('#paneSensSelection').width(width);
		document.getElementById('divLocations').style.width = (width_ - 1) + 'px';
		//$('#divLocations').width((width_ - 2);
		$('#headSltSites').width(width_ - 10);
		$('#divSites').width(width_);
		$('#divSites').height(height_ * 0.3);
		$('#headSltLocations').width(width_ - 10);
		$('#divLocations').width(width_);
		$('#divLocations').height(height_ * 0.7);
	}
	else if (this.layoutMode == "graph") {
		var width_ = $('#westPane').width();
		var height_ = $('#westPane').height();
		height_ -= 60;
		$('#divTreeGraphs').width(width_);
		$('#divTreeGraphs').height(height_);
	}
}

clsLayoutCtrl.prototype.resizeCenterPane = function() 
{
    if(this.layoutMode == "map")
    {
        //$('#divGraph').hide();
        var width_ = $('#centerPane').width() - 3;
        var height_ = $('#centerPane').height();
        
        height_ -= $('#divDesc').height();
        
        $('#graph_maptime_Pane').height(height_);
        $('#graph_maptime_Pane').width(width_);
        $('#divDesc').width(width_- 5);
        
        ctrlMap.Resize();
        ctrlTime.Resize();
    }
    else if(this.layoutMode == "graph")
    {
        ctrlGraph.Resize();
        $('#divMapAndTime').hide();
    }
    
}

clsLayoutCtrl.prototype.resizeAll = function() 
{
    if(this.layoutMode == "map")
    {
        //$('#divGraph').hide();
        $('#divTreeGraphsPlots').hide();
        $('#divSensSelect').show();
    }
    else if(this.layoutMode == "graph")
    {
        $('#divMapAndTime').hide();
        $('#divSensSelect').hide();
    }
}

clsLayoutCtrl.prototype.BeforeDIalog = function() 
{
    if(this.layoutMode == "map")
    {
        ctrlTime.SetWindowless();
    }
    else if(this.layoutMode == "graph")
    {
        ctrlGraph.HideAllGraphs();
    }
}

clsLayoutCtrl.prototype.AfterDIalog = function() 
{
    if(this.layoutMode == "map")
    {
        ctrlTime.Resize();
    }
    else if(this.layoutMode == "graph")
    {
	    ctrlGraph.ShowAllGraphs();
    }
}