Проблема со слайдером через animate
 

Доброго всем времени суток.

Есть сайт строительной компании http://bkg.kiev.ua

У него шапка реализована как смена Изображений.
Вот только периодический эта шапка начинает с разным интервалом смену изображений.
Это бывает зачастую когда долго открыт сайт в браузере во вкладке и открыты еще какие-то вкладки которые активны и читаются сейчас.

Может кто сталкивался с даной проблемой?


Реализация слайдера - следующая:

// top bg slider 
$(function(){
	var SliderImgArray = Array ();
	var Path = '/img/';
	var counter = 0;
	var last_iterator = 4;
	SliderImgArray[0] = 'top_bg.jpg';
	SliderImgArray[1] = 'top_bg2.jpg';
	SliderImgArray[2] = 'top_bg3.jpg';
	SliderImgArray[3] = 'top_bg4.jpg';
	
	setInterval(function(){
		if(counter<last_iterator)
		{
			change_top_bg(counter);
			counter++;
		}
		else
			counter = 0;
		},4000);
	
	function change_top_bg(temp){
		$('.top_bg_slider_container #img_main').animate({
			'opacity':0
		},800,function(){
			$(this).attr('src',Path+SliderImgArray[temp]).animate({
				'opacity':1
			},800,function(){
				$('.top_bg_slider_container #img_sub').attr('src',Path+SliderImgArray[temp]);
			});
		});
	};
})