$(document).ready(function(){
	var i = $("ul.scroll").children();
	var b = $("ul.scrollbullet").children();
	var c = 0;
	var t = setTimeout(function(){scroll()}, 2500);
	
	$("ul.scrollbullet li").bind("click", function(){
		jumpTo(this.id.replace(/b/g, ""));
	});

	function scroll(){
		$(i[c]).stop().animate({opacity:0},1000);
		$(b[c]).stop().animate({opacity:.5},1000);
		c = (c == 3) ? 0 : c+1;
		$(i[c]).stop().animate({opacity:1},1000);
		$(b[c]).stop().animate({opacity:1},1000);
		t = setTimeout(function(){scroll()}, 2500);
	}

	function jumpTo(id){
		clearTimeout(t);
		$(i[c]).stop().animate({opacity:0},1000);
		$(b[c]).stop().animate({opacity:.5},1000);
		c = id;
		$(i[c]).stop().animate({opacity:1},1000);
		$(b[c]).stop().animate({opacity:1},1000);
	}
});
