Здравствуйте

Вот код слайдера

$(document).ready(function(e){
	
	var images = $('.slider').children();
	var num = images.length-1;
	var count = images.length;
	function sliderRun(){
		images.eq(num).fadeOut(600, function(){
			var s_num = num;
			var z_index = minus(num, count);
			num = minus(num, count-1);
			changeZIndex(images);
			
			images.eq(s_num).show();
		});
	}
	function changeZIndex(obj){
		for(var i = 0; i < obj.length; i++){
			var z_index = parseInt(obj.eq(i).css("z-index"));
			num_i  = plus(z_index, count);
			obj.eq(i).css({"z-index":num_i});
		}
	}
	function minus(num, max_num){
		num--;
		if(num < 0){
			num = max_num;
		}
		return num;
	}
	function plus(num, max_num){
		num++;
		if(num > max_num){
			num = 1;
		}
		return num;
	}
	
	
	setInterval(sliderRun, 3000);
});

HTML

<div class="slider">
    <img src="images/sliderimg3.jpg" width="898" height="280" style="position:absolute; z-index:1;" />
    <img src="images/sliderimg2.jpg" width="898" height="280" style="position:absolute; z-index:2;" />
    <img src="images/sliderimg1.jpg" width="898" height="280" style="position:absolute; z-index:3;" />
</div>

Все работает. но если их два HTML блока класса slider, то перестает нормально работать

Надо чтоб работало со многими блоками одинакового класса
Давно не писал на JS/jQuery и не могу сообразить