var currentPage = 1;
$j(document).ready(function() {
	$j('#slideContainer').addClass('slideContainerOutline');
	
	//Setup pageSlideIndicator objects
	if ($j('#pageSlideIndicatorContainer'))
	{
		var numOfPagesToSlide = $j('#slideContainer > .pageToSlide').size();
		$j('#pageSlideIndicatorContainer').css({width:(14*numOfPagesToSlide)+"px"});
		
		for (var i=0; i<numOfPagesToSlide; i++)
		{
			$j('#pageSlideIndicatorContainer').append('<div class="pageSlideIndicator" id="indicator'+(i+1)+'"></div>');
		}
	}
	
	//Select first page in pageIndicator
	$j('#indicator1').css({backgroundPosition:'0 -10px'});
	
	$j('#leftButton').click(function() {
		if (currentPage >= 1)
		{
			currentPage--;
			$j('.pageToSlide').hide();
			$j('#rightButton').show();
			if (currentPage==1) { $j('#leftButton').hide(); }
			$j('#page'+currentPage).css({left:"",right:'100%',opacity:'0'}).show().animate({right:'0',opacity:'1'});
			
			if ($j('#pageSlideIndicatorContainer'))
			{
				$j('#indicator'+(currentPage+1)).css({backgroundPosition:'0 0'});
				$j('#indicator'+currentPage).css({backgroundPosition:'0 -10px'});
			}
		}
	});
	
	$j('#rightButton').show().click(function() {
		var numOfPagesToSlide = $j('#slideContainer > .pageToSlide').size();
		if (currentPage <= numOfPagesToSlide)
		{
			currentPage++;
			$j('.pageToSlide').hide();
			$j('#leftButton').show();
			if (currentPage==numOfPagesToSlide) { $j('#rightButton').hide(); }
			$j('#page'+currentPage).css({left:'100%',right:"",opacity:'0'}).show().animate({left:'0',opacity:'1'});
			
			if ($j('#pageSlideIndicatorContainer'))
			{
				$j('#indicator'+(currentPage-1)).css({backgroundPosition:'0 0'});
				$j('#indicator'+currentPage).css({backgroundPosition:'0 -10px'});
			}
		}
	});
	
	$j('.pageToSlide').hide().filter(':first').show();
});