add view pager and listener for bar