$(function(){
	
	// Clear the search input when user places cursor-----------------
	$('#search-field').click(function(){
		$(this).val('');
	});
	
	// Keep tab highlighted when user is on dropdown------------------
	$('#navigation li ul').hover(function(){			
		$(this).parent('li').addClass('thisiscurrent');
	},function(){
		$(this).parent('li').removeClass('thisiscurrent');
	});
	
	// Scrolling feature----------------------------------------------
	 $("#scroller").scrollable({size: 1}).autoscroll(4000).circular().navigator({ 
 
        // select #flowtabs to be used as navigator 
        navi: ".navi", 
 
        // select A tags inside the navigator to work as items (not direct children) 
        naviItem: 'a', 
 
        // assign "current" class name for the active A tag inside navigator 
        activeClass: 'current' 
 
    }); 

});