/*
 * simplified version of showUponFog() and closeFog() using mootools/core
 * TODO: use mootools/more position() to do the centering, no need for fogCenter/adjust margins
 *
 */

function showUponFog(elementId) {
	//display fog
	if (!$('fog')) {
		var f = new Element('div', {id: 'fog', onclick: 'closeFog()'});
		f.inject($(document.body));
	} else { var f = $('fog'); }
	f.setStyle('display', 'block');

	//display requested element (should be rendered first before offsetWidth is known)
	var e = $(elementId);
	e.addClass('fogCenter');	//e.position();
	e.setStyle('display', 'block');

	//adjust margins by it's actual width, height and current scroll position
	var s = $(window).getScroll();
	e.setStyle('margin-left', (-0.5 * e.offsetWidth + s.x));
	e.setStyle('margin-top', (-0.5 * e.offsetHeight + s.y));

	//cancel href
	return false;
}

function closeFog() {
	$$('.fogCenter').setStyle('display', 'none');
	$$('.fogCenter').removeClass('fogCenter');
	$('fog').setStyle('display', 'none');
}

function showLoader() {
	if (!$('ajaxLoader')) {
		var ajaxLoader = new Element('img', {id: 'ajaxLoader', src: '/images/ajaxLoader2.gif', style: 'display: none'});
		ajaxLoader.inject($(document.body));
	}
	showUponFog('ajaxLoader');
}