function animate(tagId,alfa,step){
	div = document.getElementById(tagId);
	var items = new Array();
	//Выбираем все рисунки слайдшоу
	for(c=i=0;i<div.childNodes.length;i++){
		if (div.childNodes[i].tagName=="IMG"){
			items[c] = div.childNodes[i];
			c++;
		}
	}

	first = items[0];
	//last = items[items.length-1];
	//next = items[items.length-2];
	next = items[1];

	//делаем верхний в стопке(текущий) рисунок более прозрачным
	first.style.visibility='visible';
	next.style.visibility='visible';
	first.style.opacity= 0;

	//делаем абсолютно непрозрачным следующий рисунок
	next.style.opacity= 1;

	// а верхний рисунок перемещаем в низ стопки
	tmp = first;
	div.removeChild(first);
	div.insertBefore(tmp,items[items.length]);
	tmp.style.opacity= 0;

	setTimeout( "slideSwitch('"+tagId+"',1000)", 3000 );
}

//эта функция делает видимым блок с рисунками для слайдшоу (изначально он невидим, чтобы избежать мерцания во время загрузки картинок) и запускает анимацию
function slideSwitch(tagId,speed){
	div = document.getElementById(tagId);
	if (div.style.visibility!="visible"){
		div.style.visibility = "visible";
	}
	items = div.getElementsByTagName('img');
	if (items.length>0){
		animate(tagId,100,10);
	}
}

//выжидаем пару секунд, чтобы картинки успели загрузиться... можно просто поставить на onload-событие последнего из рисунков
setTimeout( "slideSwitch('slideshow1',10000);",3000 );