var step = 1;
var prevstep = 1;
var banners = 4;

$(function() {
	setInterval(function() {
		roll();
	}, 8000);
	for (var i=1; i <= banners; i++) {
		$('#number' + i).click(scopepreserver(i));
	};
});

function scopepreserver(i) {
  return function () {
	select_ban(i);
  };
}

function roll() {
	if(step < banners) {
		select_ban(step + 1);
	} else {
		select_ban(1);
	}
}

function changePictures() {
	$('#rekl'+prevstep).fadeOut('slow', function() {
		$('#rekl'+step).fadeIn('slow');
	});
}

function select_ban(ident) {
	prevstep = step;
	step = ident;
	changePictures();
	for (var i=1; i <= banners; i++) {
		if(ident == i) {
			$('#number' + i).addClass('numselected');
		} else {
			$('#number' + i).removeClass('numselected');
		}
	};
}