//
// 960 Grid Overlay Toggle
//

$(document).ready(function() {
	var og = new OverlayGrid('overlay');
	var gridObj = $('#overlay');
		
	// roll the overlay down on click
	$('#toggle').click(function(event) {
		if (gridObj.is(':hidden')) {
			gridObj.slideDown('slow');
		}
		gridObj.blur(); 
		event.preventDefault();
	});
});


var OverlayGrid = function(elemId) {
	// create div, make sure it's hidden, prepend it
	var gridElem = $('<div id="' + elemId + '"><div>`Esc`</div></div>');
	var pageHeight = parseFloat($(document).height());
	gridElem.height(pageHeight);
	gridElem.css('display', 'none');
	
	// Attach to body
	$('body').prepend(gridElem);	

	var gridObj = $('#overlay');
	
	// Key control - hide on Esc
	$(document).bind('keyup', function(event) {
		var code = (event.keyCode ? event.keyCode : event.which);
		var modifier = (event.altKey ? event.altKey : false);
		//console.log('press: ' + code);
		
		// Esc = 27
		if ((code == 27) && !(gridObj.is(':hidden'))) {
			gridObj.slideUp('slow');
		}
	});
}