var slider = {};
$(document).ready(function(){
	slider.cycleTime = 7000; //This is how long we wait until we go to the next page. (In ms, 4000 is a pretty good number.)
	slider.isPlaying = true; 
	slider.PageCount = $("#sliderSlide").children().length;
	slider.WindowWidth = $("#sliderWindow").width();
	slider.pageButtonSize = "12px";
	 
	$("#sliderSlide div").each(function(i){
		$(this).css('left',slider.WindowWidth * i);
		$(this).css('width',slider.WindowWidth);
		$('<a href="#">&nbsp;</a>').appendTo("#sliderPages").hover(function () {
	 			$(this).css('backgroundPosition','0px -' + slider.pageButtonSize);
			}, function () {
 				$(this).not($("#sliderPages").children().get(slider.Selected)).css('backgroundPosition','0px 0px');
			}).click(function (){
				cycleToggle(false);
				showPage(i);
				return false;
			}
		).css('backgroundPosition','0px 0px');
	});
	$('#sliderPages .sliderControl').hover(function () {
		$(this).css('backgroundPosition','0px -' + slider.pageButtonSize);
	}, function () {
		$(this).css('backgroundPosition','0px 0px');
	}).click(function (){
		cycleToggle();
		return false;
	});
	cycleToggle(true);
});
var myCycle = setTimeout("cyclePages (0)", 100);
function cyclePages (pageItem) {
	if (slider.isPlaying) { showPage(pageItem) };
	myCycle = setTimeout("cyclePages(" + (((slider.Selected - 1) % slider.PageCount)) + ")", slider.cycleTime);
};
function cycleToggle (play) {
	if (play == undefined) {play = !slider.isPlaying};
	$("#sliderPause").toggle(play);
	$("#sliderPlay").toggle(!play);
	slider.isPlaying = play;
};
function showPage (pageID) {
	slider.Selected = pageID + 2;
	var myLink = $("#sliderPages").children().get(slider.Selected);
	$("#sliderPages a").css('backgroundPosition','0px 0px');
	$(myLink).css('backgroundPosition','0px -' + slider.pageButtonSize);
 	$("#sliderSlide").stop().animate({left: -1 * slider.WindowWidth * pageID}, 300 );
};