$(function(){
	
	// binds
	$('#stream-page-next').bind('click', pageNext); 
	$('#stream-page-prev').bind('click', pagePrev); 
	
	$('.pagination-container').show();
	
	$('.hiddenPage').hide();
	
	$("#page-1").addClass("current");
	$("#circle-1").addClass("current");
	
	function pageNext(e){
		
		//alert('initial clicked');
		
		var theLen = $('.streamPage').length; 
		var curPage = $(".streamPage.current").attr("id").split("-")[1];
		var curCircle = $(".indicator.current").attr("id").split("-")[1];
		var nextPage = parseInt(curPage) + 1;
		var lastPage = parseInt(curPage);
		
		if(curPage == theLen){
			nextPage = 1;
		}
		
		if(curPage == 1){
			lastPage = theLen;
			$("#circle-1").removeClass("current");
		}else{
			$("#circle-" + curPage).removeClass("current");
		}
		
		$("#page-" + curPage).fadeOut(300, function() {
			//alert(nextPage);
			$(this).removeClass("current");
			$("#page-" + nextPage).addClass("current");
			$("#page-" + nextPage).fadeIn(300);
		});
		
		$("#circle-" + nextPage).addClass("current");
	}
	
	function pagePrev(e){
				
		var theLen = $('.streamPage').length; 
		var curPage = $(".streamPage.current").attr("id").split("-")[1];
		var curCircle = $(".indicator.current").attr("id").split("-")[1];
		var nextPage = parseInt(curPage) - 1;
		
		if(curPage == 1){
			nextPage = theLen;
			$("#circle-1").removeClass("current");
		}else{
			$("#circle-"+curPage).removeClass("current");
		}
		
		$("#page-" + curPage).fadeOut(300, function() {
			//alert(nextPage);
			$(this).removeClass("current");
			$("#page-" + nextPage).addClass("current");
			$("#page-" + nextPage).fadeIn(300);
		});
		
		$("#circle-" + nextPage).addClass("current");

	}
	
	
	
});