var time = 7000, banner_count = 3, mode = 'play', current_banner = 1, banner_interval;

$(document).ready(function(){
	banner_interval = setInterval(function() { banner_rotate() }, time);
});

function banner_rotate(id) {
	if(mode == 'play' || id) {
		$("#item"+current_banner).fadeOut("slow");
		$("a.item"+current_banner).removeClass("active");
		
		if(id) {
			current_banner = id;
			clearInterval(banner_interval);
			banner_interval = setInterval(function() { banner_rotate() }, time);
		}
		else {	
			if(current_banner < banner_count) current_banner++;
			else current_banner = 1;	
		}
	
		$("#item"+current_banner).fadeIn("slow");
		$("a.item"+current_banner).addClass("active");
	}
}

function switch_mode() {
	if (mode == 'play') {
		mode = 'pause';
		$("a.pause").removeClass("pause").addClass("play");
	} else {
		mode = 'play';
		$("a.play").removeClass("play").addClass("pause");
	}
}