var _currentState = 'pinned_top';

/*Align the sidebar div to the page scroll position*/
function AlignSidebar()
{
	var scrollLimitTop = 194;
	
	var doc = jQuery(document);
	var sidebar = jQuery('#sidebar');
	var sidebarhandle = jQuery('#sidebarhandle');
	if( !doc || !sidebarhandle ) { return; }
	
	//clear the inline CSS
	sidebarhandle.css('top', '' );
	sidebarhandle.css('bottom', '' );
	//alert(doc.scrollTop());
	//top of the page
	if( doc.scrollTop() < scrollLimitTop )
	{
		if( _currentState == 'pinned_top' )
			return;
			
		sidebarhandle.removeClass( _currentState );
		_currentState = 'pinned_top';
		sidebarhandle.addClass(_currentState);
	}
	//bottom of the page
	else if( doc.scrollTop() + sidebarhandle.height() > doc.height() - 140 )
	{
		if( _currentState == 'pinned_bottom' )
			return;		
		
		sidebarhandle.removeClass( _currentState );
		_currentState = 'pinned_bottom';
		sidebarhandle.addClass(_currentState);	}
	//floater
 	else
	{
		if( _currentState == 'floating' )
			return;	
		
		sidebarhandle.removeClass( _currentState );
		_currentState = 'floating';
		sidebarhandle.addClass(_currentState);
	}
	
}

jQuery(document).ready(function() {
	
	AlignSidebar();	
	jQuery(document).scroll(AlignSidebar);
});