var opacityProp;
var elem;
var oAlpha;

function setElementOpacity(sElemId, nOpacity)
{
  opacityProp = getOpacityProperty();
  elem = document.getElementById(sElemId);

  if (!elem || !opacityProp) return; // Если не существует элемент с указанным id или браузер не поддерживает ни один из известных функции способов управления прозрачностью
  
  if (opacityProp=="filter")  // Internet Exploder 5.5+
  {
    nOpacity *= 100;
	
    // Если уже установлена прозрачность, то меняем её через коллекцию filters, иначе добавляем прозрачность через style.filter
    oAlpha = elem.filters['DXImageTransform.Microsoft.alpha'] || elem.filters.alpha;
    if (oAlpha) oAlpha.opacity = nOpacity;
    else elem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+nOpacity+")"; // Для того чтобы не затереть другие фильтры используем "+="
  }
  else // Другие браузеры
    elem.style[opacityProp] = nOpacity;
}

function getOpacityProperty()
{
  if (typeof document.body.style.opacity == 'string') // CSS3 compliant (Moz 1.7+, Safari 1.2+, Opera 9, IE7)
    return 'opacity';
  else if (typeof document.body.style.MozOpacity == 'string') // Mozilla 1.6 и младше, Firefox 0.8 
    return 'MozOpacity';
  else if (typeof document.body.style.KhtmlOpacity == 'string') // Konqueror 3.1, Safari 1.1
    return 'KhtmlOpacity';
  else if (document.body.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5) // Internet Exploder 5.5+
    return 'filter';

  return false; //нет прозрачности
}

var step=0.2;
var alpha;
var idPicture;
function onOver(idPic){
	alpha=1;
	idPicture=idPic;	
	idInterval=setTimeout("checkOver()",10);		
}
function onOut(idPic){
	clearTimeout(idInterval);
	setElementOpacity(idPic,1);
}
function checkOver(){
	if(alpha>=0){
		alpha=alpha-step;
		setElementOpacity(idPicture,alpha);
		idInterval=setTimeout("checkOver()",10);
	}
	else{
		alpha=0;
		setElementOpacity(idPicture,alpha);
		clearTimeout(idInterval);
	}
}