var divUsersPart    = document.getElementById( 'divUsersPart' ), xImgsPart = divUsersPart.getElementsByTagName( 'img' ), nImgsPartLength = xImgsPart.length,
	divUsersFull    = document.getElementById( 'divUsersFull' ), xImgsFull = divUsersFull.getElementsByTagName( 'img' ), nImgsFullLength = xImgsFull.length,
	imgFade         = document.getElementById( 'imgUsersFade' ),
	xDate           = new Date(),
	nTimerScroll    =    0,
	nTimerFade      =    0,
	nIntervalScroll = 4000,
	nIntervalFade   =   50,
	nOpacityStep    =    2,
	nOpacity        =    0,
	nStart          = Math.floor( xDate.getTime() / nIntervalScroll ),
	nFull           = nStart % nImgsFullLength,
	nPart           = nStart % nImgsPartLength; 

for( var nImg = 0; nImg < nImgsPartLength; nImg++ )
{
	nFull = ++nFull % nImgsFullLength;
	nPart = ++nPart % nImgsPartLength;

	var xImgSrce = xImgsFull[nFull],
		xImgDest = xImgsPart[nPart];
		
	xImgDest.src = xImgSrce.src;			
	xImgDest.alt = xImgSrce.alt;
}

function fadeUser()
{
	var imgDest = xImgsPart[nPart];

	nOpacity += nOpacityStep;
	imgDest.style.opacity = nOpacity / 100; 
	imgDest.style.filter  = 'alpha( opacity = ' + nOpacity + ' )';
	if( nOpacity == 100 ) clearInterval( nTimerFade );
}

function scrollUser()
{
	if( nTimerFade != 0 ) clearInterval( nTimerFade );

	var imgDest = xImgsPart[nPart],	imgSrce;

	imgDest.style.opacity = 1; 
	imgDest.style.filter  = 'alpha( opacity = 100 )';

	nFull = ++nFull % nImgsFullLength;	imgSrce = xImgsFull[nFull];
	nPart = ++nPart % nImgsPartLength;  imgDest = xImgsPart[nPart];
	
	imgDest.parentNode.style.backgroundImage = 'url( ' + imgDest.src + ' )';
	imgDest.src = imgSrce.src;			
	imgDest.alt = imgSrce.alt;
	imgDest.style.opacity = 0; 
	imgDest.style.filter  = 'alpha( opacity = 0 )';
	                                      
	nOpacity   = 0;
	nTimerFade = setInterval( 'fadeUser();', nIntervalFade );
}

nTimerScroll = setInterval( 'scrollUser();', nIntervalScroll );