$(function() {

	var tutorials = $('.tutorials > div');
	var sideLinks = $('.tutorial-links a');
	var slider = $('.panel_wrapper .inner');
	var currentSlide = 1;
	var currentPage = $('.pagination .current');
	var totalCount = $('.pagination .total');
	var tutorialID;
	
	tutorials.hide().filter(':first').fadeIn('slow');	
	
	// side nav	
	sideLinks.click(function() {
		//show tutorial based on a href hash
		tutorialID = $(this).attr('href');
		tutorials.hide().filter(tutorialID).fadeIn('slow');
		
		// loop through and reset class names for buttons
		sideLinks.parent().removeClass('UserButton_green').addClass('UserButton_white');
		$(this).parent().removeClass('UserButton_white').addClass('UserButton_green');
		
		// Set and get the URL hash based on href
		// window.location.hash = tutorialID;
		
		// Set current and total pages
		currentPage.html('1');
		totalCount.html($(tutorialID).find('.inner').children().length);
		slider.css('top','0');
		currentSlide = 1;
		
		// keeps the page from scrolling when clicked
		return false;
	});
	
	$('.page_next').click(function() {
		slideUp();
	});
	
	$('.page_prev').click(function() {
		slideDown();
	});
	
	function slideUp() {
		var totalCount = $(tutorialID).find('.inner').children().length;		
		if(currentSlide < totalCount) {
			slider.animate({ top : "-=320px" }, 250);
			currentSlide += 1;
			$('.pagination .current').html(currentSlide);
		} else {
			return false;
		}
	}
	
	function slideDown() {
		if(currentSlide > 1) {
			slider.animate({ top : "+=320px" }, 250);
			currentSlide -= 1;
			$('.pagination .current').html(currentSlide);
		} else {
			return false;
		}
	}

});