Event.observe(window, 'load', function() {

	// tests for handheld stylesheet usage and stops if true
	var mediaInspector = document.getElementById('page');
	if (mediaInspector.currentStyle) {
		zIndex = mediaInspector.currentStyle['zIndex'];
	} else if (window.getComputedStyle) {
		zIndex = window.getComputedStyle(mediaInspector, '').getPropertyValue("z-index");
	}
	if( zIndex == 10 ) return;
	// ends if #page z-index set to 10... as in handheld.css

	$('page').setStyle('width:0px;');

	new Effect.Morph('page', {
		style: 'width:700px;',
		duration: 2
	});

	menu_items = $('menu').childElements();
	menu_items.each(Element.hide);
	setTimeout( 'Effect.multiple(menu_items, Effect.Appear)', 1500 );
});