var Dom = YAHOO.util.Dom,
Event   = YAHOO.util.Event;

var layout;          
var container;       


function loadLayout()
{
	container = new YAHOO.widget.Layout({

		units: [
					{ position: 'top', height: 50, resize: false, body: 'container_header', gutter: '0px', resize: false, minHeight: 0 },
					{ position: 'bottom', height: 100, resize: false, body: 'container_footer', gutter: '0px', resize: false, minHeight: 0 },
			{ position: 'center', gutter: '0px' }
		]
	});
	container.on('render', function() {
		var el = container.getUnitByPosition('center').get('wrap');
		layout = new YAHOO.widget.Layout(el, {
			parent: container,
			units: [
				{ position: 'top', height: 110, body: 'header', resize: false, animate: false, collapse: true },
				{ position: 'bottom', height: 130, body: 'information', resize: true, animate: false, scroll: true },
				{ position: 'right', width: 250, resize: true, gutter: '5px', collapse: true, scroll: true, body: 'sidebar', animate: false },
				{ position: 'center', body: 'map' }
			]
		});
		layout.on('render', function() {
			prepareMap();
		});

		layout.render();
	});

	container.render();
}