/**
 * Display a "loading data" message
 * @param string
 */
function displayBox () {
	var box = $('ajax_box');
	var overlay = $('ajax_overlay');

	if (!overlay) {
		overlay = new Element('div').writeAttribute('id', 'ajax_overlay');
		$(document.body).insert(overlay);
	}

	if (!box) {
		box = new Element('div').writeAttribute('id', 'ajax_box');
		$(document.body).insert(box);
	}

	var scroll = document.viewport.getScrollOffsets();
	if (window.ie6) { var sel = $$('select'); for (var i=0; i<sel.length; i++) { sel[i].setStyle({'visibility': 'hidden'}); }}
    	
	overlay.setStyle({'display': 'block'});
	overlay.setStyle({'top': scroll[1] + 'px'});

	box.update('Loading data...');
	box.setStyle({'display': 'block'});
	box.setStyle({'top': (scroll[1] + 100) + 'px'});
}


/**
 * Hide the "loading data" message
 */
function hideBox() {
	var box = $('ajax_box');
	var overlay = $('ajax_overlay');

	if (overlay) {
		overlay.setStyle({'display': 'none'});
	}

	if (box) {
		box.setStyle({'display': 'none'});
		if (window.ie6) { var sel = $$('select'); for (var i=0; i<sel.length; i++) { sel[i].setStyle({'visibility': 'visible'}); } }
	}    
}