Здравствуйте. Для аснихронного перехода между шагами использую класс
[JS]function AjaxRequest(url, execute) {
var HttpRequest;
var _OnLoad = function () { }
var _OnComplete = function () { }
var _OnError = function () {
/* alert('AJAX query error.'); */
}
var Execute = function (responseText) {
var obj = document.createElement('div');
obj.innerHTML = responseText;
var elts = obj.getElementsByTagName('script');

for(var i = 0; i < elts.length; i++) {
eval(elts[i].text);
elts[i].parentNode.removeChild(elts[i]);
}
}

this.OnLoad = function (fn) {
_OnLoad = fn;
}

this.OnComplete = function (fn) {
_OnComplete = fn;
}

this.OnError = function (fn) {
_OnComplete = fn;
}

this.Post = function (params) {
if(this.RequestPrepare()) {
params = this.StrPrepare(params);
HttpRequest.open('POST', url, true);
HttpRequest.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=utf-8');
HttpRequest.setRequestHeader('Content-length', params.length);
HttpRequest.setRequestHeader('Connection', 'close');
HttpRequest.send(params);
}
}

this.Get = function (params) {
if(this.RequestPrepare()) {
url += this.StrPrepare(params);
HttpRequest.open('GET', url, true);
HttpRequest.send(null);
}
}

this.RequestPrepare = function () {
if (window.XMLHttpRequest) { /* Mozilla, Safari,... */
HttpRequest = new XMLHttpRequest();
if (HttpRequest.overrideMimeType) {
HttpRequest.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { /* IE */
try {
HttpRequest = new ActiveXObject('Msxml2.XMLHTTP');
} catch (e) {
try {
HttpRequest = new ActiveXObject('Microsoft.XMLHTTP');
} catch (e) {
/* do nothing */
}
}
}

if (typeof HttpRequest == 'undefined') {
alert('Cannot create XMLHTTP instance.');
return false;
}

HttpRequest.onreadystatechange = function(e) {
if (HttpRequest.readyState == 1) {
_OnLoad();
}

if (HttpRequest.readyState == 4) {
if(HttpRequest.status == 200) {
if(execute === true) {
Execute(HttpRequest.responseText);
}
_OnComplete(HttpRequest.responseText);
} else {
_OnError(HttpRequest.status);
}
}
}
return true;
}

this.StrPrepare = function (obj) {
if(obj instanceof Object) {
var i = 0;
var arr = [];
for (var key in obj) {
arr[i++] = encodeURIComponent(key) + '=' + encodeURIComponent(obj[key]);
}
return arr.join('&');
} else {
return '';
}
}
}[/JS]
на главной странице
[JS]function SendData(step,uniq_id,name) {
// создаем новое подключение
var AJAX = new AjaxRequest('work.php?');
// определяем функцию на выполнение запроса
AJAX.OnLoad(myOnLoad);

// определяем функцию на завершение запроса
AJAX.OnComplete(myOnComplete);

// определяем передаваемые переменные
var data = {
'step': step,
'id': uniq_id,
'name':name
}
window.document.step_form.step.value=step;

AJAX.Get(data); // выполняем запрос

return false; // форму не сабмитим
}


function myOnLoad() {
switch(window.document.step_form.step.value){
case "5":{
ge('result').innerHTML ='';
inner="tree";
}
break;
case "6":{
inner="product";
}
break;
default:{
ge('tree').innerHTML ='';
ge('product').innerHTML ='';
inner="result";
}
}
ge(inner).innerHTML = "Загрузка...";
}

function myOnComplete(result) {
switch(window.document.step_form.step.value){
case "5":{
ge('result').innerHTML ='';
inner="tree";
}
break;
case "6":{
inner="product";
}
break;
default:{
ge('tree').innerHTML ='';
ge('product').innerHTML ='';
inner="result";
}
}

ge(inner).innerHTML = (result);
}


function ge(id) {
return document.getElementById(id);[/JS]
Все работает, все отлично, но вот нужно сделать какой-то эффект на время ожидания информации, как-то может небольшое затемнение и анимированную картинку. Подскажите как в данном случае можно это нацепить?