cntHor = 0;
			cntVer = 0;
			pixelMargin = 0;
			imgSrc = '';
			arCoord = [];
            images = [];
            curImg = '';
            imgIndex = 0;
            intId = '';
            
            
            window.onload = function(){
				createGrid('60px', '80px');
                $('.grider img').css('display','none')
			};
            
			function createGrid(grPixWidth, grPixHeight){
				var grid = $('.grider');
				
                $('.grider img').each(function(){
                    images.push($(this).attr('src'));
                }); 
                
                curImg = images[imgIndex];
				
				var gridW = parseFloat(grid.find('img').width());
				var gridH = parseFloat(grid.find('img').height());
				var grPixW = parseFloat(grPixWidth);
				var grPixH = parseFloat(grPixHeight);
				
				grid.css({'height':gridH + 'px', 'width':gridW + 'px', 'overflow':'hidden'});
				grid.html('');
				
				cntHor = Math.floor(gridW/(grPixW + pixelMargin));
				cntVer = Math.floor(gridH/(grPixH + pixelMargin));

				var grPixTotal = cntHor * cntVer;
                
				for (var i = 1; i <= cntVer; i++){
					var pixMarginTop = (i - 1) * grPixH + (i * pixelMargin);
					var pixBgTop = (i - 1) * grPixH; // + (i - 1);
					for (var j = 1; j<= cntHor; j++){
						grid.append("<div class='grPix'></div>");
						var pixMarginLeft = (j - 1) * grPixW + (j * pixelMargin);
						var pixBgLeft = (j - 1) * grPixW; // + (j - 1);
						grid.find('.grPix:last').css({
							'margin-left': pixMarginLeft + 'px',
							'margin-top': pixMarginTop + 'px',
							'background-image':'url(' + curImg + ')',
							'background-position': '-' + pixBgLeft + 'px ' + '-' + pixBgTop + 'px'
						}).attr('id','coord' + j + 'coord' + i);
					}
				}
				
				var pix = grid.find('.grPix');
				pix.css({'height':grPixH + 'px', 'width':grPixW + 'px', 'position':'absolute'});
                recoverId();
                setTimeout('nextImg()', 10000);
			};

            function recoverId(){
                $('.grider .grPix').each(function(){
                    arCoord.push($(this).attr('id'));
                });
            };
            
            function getRndPix(){
                var min = 1;
                var max = arCoord.length;
                var rnd = (Math.floor(Math.random() * (max - min + 1)) + min) - 1;
                //alert(rnd);
                var curPixId = arCoord[rnd];
                
                arCoord.splice(rnd,1);
                $('.grider #' + curPixId).fadeOut(100).css('background-image','url(' + curImg + ')').fadeIn(100);
                if (arCoord.length == 0){
                    clearInterval(intId);
                    recoverId();
                    setTimeout('nextImg()', 10000);
                }
            };
            
            function nextImg(){
                imgIndex++;
                if (imgIndex >= (images.length )){
                    imgIndex = 0;
                }
                curImg = images[imgIndex];
                intId = setInterval('getRndPix()', 30);
            };