﻿function mrBan() {
	banners = $('#mrBan .mrBan');
	bullets = $('#mrBan .mrNum span');
	changes = setInterval(function() { slide(-1); }, 5000);	

	function slide(num) {
		if (num != -1) {
			banners.slice(num).first().addClass('mrActive').siblings().removeClass('mrActive');
			clearInterval(changes);
			changes = setInterval(function() { slide(-1); }, 5000);	
		} else {
			active = banners.filter('.mrActive');
			if (active.removeClass('mrActive').next('.mrBan').size()) active.next('.mrBan').addClass('mrActive');
			else banners.first().addClass('mrActive');
		}

		
		bullets.slice(banners.index(banners.filter('.mrActive'))).first().addClass('mrSelected').siblings().removeClass('mrSelected');
	};

	bullets.click(function() {
		slide(bullets.index($(this)));
	});
};

$(function (){
	mrBan();
}); 
