/*
*	Code for dealing with the sidepanel collapse 
*/

Sidepanel = {
	
	open : true,
	
	init : function(open){
		Sidepanel.open = open;
		
		if (open)
			Sidepanel.openSidePanel();
		else
			Sidepanel.closeSidePanel();
	},
	
	resize : function(){
		
		
		if (Sidepanel.open){
			
			UIConfig.sidepanel_outer.style.left = ((1-UIConfig.sidebarwidth)*100)+'%';
			UIConfig.sidepanel_outer.style.width = ((UIConfig.windowWidth*UIConfig.sidebarwidth)-2)+'px';

			UIConfig.map.style.width = ((1-UIConfig.sidebarwidth)*100)+'%';
			
		} else {
			
			var width = UIConfig.windowWidth - 20;

			UIConfig.sidepanel_outer.style.left = width+'px';
			UIConfig.sidepanel_outer.style.width = '18px';
			UIConfig.map.style.width = width+'px';
			
		}
		
		UIConfig.sidepanel_outer.style.height = UIConfig.mapHeight+'px';
		UIConfig.sidepanel_inner.style.height = (UIConfig.mapHeight-($('sidetitlebar').getSize().size.y))+'px';
	},
	
	closeSidePanel : function(){
		UIConfig.sidepanel_outer.firstChild.style.display='none';
		UIConfig.sidepanel_outer.getChildren()[1].style.display='block';
		
		Sidepanel.open = false;
		
		Sidepanel.resize();
		
		MS.map.checkResize();
	},
	
	openSidePanel : function(){
		var firstPanel = $(UIConfig.sidepanel_outer.firstChild);
		firstPanel.style.display='block';
		firstPanel.getNext().style.display='none';
		
		Sidepanel.open = true;
		
		Sidepanel.resize();
		
		MS.map.checkResize();
	},
	
	hideSection : function(id){
		
		$(id).style.display = "none";
		$(id+"_header").style.display = "none";
		
	},
	
	showSection : function(id){
		
		$(id).style.display = "";
		$(id+"_header").style.display = "";		
	}
	
}