$(document).ready(function()
        {
            // bg - фоновый элемент
            // bgFade - затеняющий элемент
            // period - время между сменами изображений
            // fadeTime - время на смену изображения
            // images - адреса изображений
            function fadeInOutLoop(bg, bgFade, period, fadeTime, images)
            {
                var fadeIn = true;
                var imageIndex = 1; // пропускаем первую картинку
                var imageCount = images.length;
                
		
                function url(index)
                {
                    return images[index] ;
                }
                bgFade.css({ opacity: 0, backgroundColor: images[imageIndex++] }).show();

                function fadeInOut()
                {   
                    function animationComplete()
                    {   
                        if (imageIndex >= imageCount)
                        {
                            imageIndex = 1;
                        }

                        if (fadeIn)
                        {
                            // сейчас виден затеняющий слой
							// меняем картинку на фоновом слое
                            bg.css('backgroundColor', images[imageIndex++]);
                        }
                        else
                        {
							// сейчас затеняющий слой полностью прозрачен
							// меняем на нем картинку
                            bgFade.css('backgroundColor', images[imageIndex++]);                            
                        }
							
                        fadeIn = !fadeIn;
                    }

                    bgFade.stop(true, true);
                    bgFade.animate({ opacity: ((fadeIn) ? 1 : 0) }, fadeTime, animationComplete);                    
                }

                /* возвращаем идентификатор таймера, чтобы можно было остановить перебор */
                return setInterval(fadeInOut, 20000, fadeTime);
            }
            var images = [
				'#FFFFFF',  /*эта картинка пропускается при первом переборе,
				                  она должна быть устновлнна через CSS,
				                  это прогрессивное улучшение и все такое */
				'#e823e6',
				'#23e844',
				'#d9f230',
				'#30e2f2',
				'#9599f3',
				'#f181a6'
			];
	   $('body').css('backgroundColor', images[Math.floor(Math.random() * (6 - 2 + 1)) + 2]);
            //запускаем перебор картинок
            fadeInOutLoop($('body'), $('#bgFade'), 20000, 1500, images);
        });