$(function() {
	/**
	 * Most jQuery.localScroll's settings, actually belong to jQuery.ScrollTo, check it's demo for an example of each option.
	 * @see http://flesler.demos.com/jquery/scrollTo/
	 * You can use EVERY single setting of jQuery.ScrollTo, in the settings hash you send to jQuery.LocalScroll.
	 */
	
	// The default axis is 'y', but in this demo, I want to scroll both
	// You can modify any default like this
	$.localScroll.defaults.axis = 'y';


$('#scrollright,#scrollbackpage').localScroll({
		target: 'content',
		queue:true,
		duration:1500,
		hash:true,
		onBefore:function( e, anchor, $target ){
			// The 'this' is the settings object, can be modified
		},
		onAfter:function( anchor, settings ){
			// The 'this' contains the scrolled element (#content)
		}
	});
}); 
		 
 $(function() {   	
	var $content = $('#content');
	
	$('#chalkboard').hover(function(){
		$content.animate({
opacity: 1.0
}, "slow");
	});
}); 
   
    $(function() {   
	$("#chalkboard,#menu_page,#meettheteam_container,#ourclients_container,#contactus_container").css("opacity","0.5");
	var $content = $('#content');
	
	$('#section1b').mouseenter(function(){
$('#chalkboard').animate({
opacity: 1.0
}, "slow");
	});
	$('#section1c').mouseenter(function(){
$('#menu_page').animate({
opacity: 1.0
}, "slow");
	});
}); 
		$('#section1d').mouseover(function(){
$('#meettheteam_container').animate({
opacity: 1.0
}, "slow");
	});

$('#section1e').mouseover(function(){
$('#ourclients_container').animate({
opacity: 1.0
}, "slow");
	});
$('#section1f').mouseover(function(){
$('#contactus_container').animate({
opacity: 1.0
}, "slow");
	});