Buddypress notification drop down

My site use custom buddypress header, I want notification to appear when user have notifications e.g when a user gets follow, when a user receive email, when a comment is posted on users post etc ( Buddypress sometimes do this automatically) If there is no notification grey rounded image displayed (image provided) If there is notification purple rounded image displayed (image provided) Onclick the purple rounded image, list box with notifications displayed The notification will be a drop down list The notification will have user image if notification relates to follow - the notification will have follow back button 3 notification at a time with view more button at the end. The rounded images can be find in the theme folder (/wp-content/themes/smuv/[login to view URL], and [login to view URL]) Attached is a mock up screen, it does not have to look like that but something similar