// Hide the page title & the "more promotional products" popup.
$('title').hide();
$('more-promotional-products-window').hide();

// Make the "more promotional products" popup draggable.
new Draggable('more-promotional-products-window', {
	handle: 'titlebar-overlay'
});

// Position the "More Promotional Products" tab.
$('more-promotional-products').setStyle({
	left: ((Screen.getViewportWidth()-780)/2)-27+'px',
	display: 'block'
});

$('more-promotional-products-link').observe('click', function(e) {
	$('more-promotional-products-window').show();
	Event.stop(e);
});

$('close-button').observe('click', function() {
	$('more-promotional-products-window').hide();
});

// Create the popup stuff for the site info.
window.site_info = new Control.Modal('site-info-trigger', {
	position: 'absolute',
	opacity: 0.75,
	imageCloseOnClick: true,
	containerClassName: 'site-info-container',
	overlayClassName: 'site-info-overlay',
	afterOpen: function() {
		Event.observe('site-info-close-link', 'click', function() {
			window.site_info.close();
		});
	}
});