// dom ready
$(function() {

	// grab/cache some elements and data
	var $root = $('div.banner'),
		$dots = $('.nav li a', $root),
		$slides = $('[id^="slide-"]'),
		total = $dots.size(),
		cur = 0;
	
	// update function
	function update(e) {
		$slides.eq(cur).fadeToggle().end().eq(e).fadeToggle();
		$dots.parent().addClass('inactive').eq(e).removeClass('inactive');
		cur = e;
	};
	
	// dots binding
	$dots.click(function() {
		update($dots.index(this));
		return false;
	});
	
	// set timeout
	var t = setInterval(function() {
		if (cur+2 > total) update(0);
		else update(cur+1);
	}, 8000);
});