var onScreen = 0;

$(document).ready(function(){
	for (var i=1;i<=$(".sliderBox .splash").length;i++){
		$("<a href='#' class='passivePage' onclick='return false;' title='"+i+"'></a>").appendTo(".pages");
	}

	$(".pages a").click(function() {
		show(this.title-1);
	})
	
	$(".pages_2 a").click(function() {
		show(this.title-1);
	})

	screenChanged(0);
	return false;
})


function show(num) {
	if (num == onScreen) {return false;}
	if (num > onScreen) {
		$(".sliderBox .splash:eq("+num+")").css("left", "-950px");
		$(".sliderBox .splash:eq("+num+")").animate({left: "0px"}, 300);
		$(".sliderBox .splash:eq("+onScreen+")").animate({left: "950px"}, 300, function() {screenChanged(num)});
	} else {
		$(".sliderBox .splash:eq("+num+")").css("left", "950px");
		$(".sliderBox .splash:eq("+num+")").animate({left: "0px"}, 300);
		$(".sliderBox .splash:eq("+onScreen+")").animate({left: "-950px"}, 300, function() {screenChanged(num)});
	}
}

function screenChanged(num) {
	$(".pages a:eq("+onScreen+")").addClass("passivePage");
	$(".pages a:eq("+onScreen+")").removeClass("activePage");
	$(".pages a:eq("+num+")").addClass("activePage");
	$(".pages a:eq("+num+")").removeClass("passivePage");
	onScreen = num;
}