$(function() {
	
	// when clicking any anchor within a div with class of navigation, set anchor variable to scroll to.
    $('div.navigation a').bind('click',function(event){
        var $anchor = $(this);
		
		// scrolling with Ease In and Ease Out. Need to also use easing plugin (jquery.easing.v1.3.js) to work.
		/*
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500,'easeInOutExpo');
		*/
		
		// scrolling with no Ease In or Ease Out
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 400);
		
		// disables the links from jumping to their anchors (links will jump to anchor if JS is disabled.)
        event.preventDefault();
		
    });
	
    $('div#containerThumbs a').click(function(event){
        var $anchor = $(this);
		
		// scrolling with Ease In and Ease Out. Need to also use easing plugin (jquery.easing.v1.3.js) to work.
		/*
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500,'easeInOutExpo');
		*/
		
		// scrolling with no Ease In or Ease Out
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 200);
		
		// disables the links from jumping to their anchors (links will jump to anchor if JS is disabled.)
        event.preventDefault();
		
    });
	
});