For experts with FBML this will be 10 mins job and I need to get this project award ASAP!

Please look at these before you read more:

a) http://www.facebook.com/pampers
b) http://www.facebook.com/pages/Mafia-Wars-Infinite-Energy-Glitch-Working-100-legit-GET-IT-NOW/384752331647?v=app_4949752878#

I need following:

1- Greet User by Name
2- Some Text with Graphics*
3- Some Bullet points*
4- Become Page Fan Button

After the User becomes fan of the page...

5- Some Text with Graphics*
6- Text Link which will slide down the page and revels more text
7- Text Link which will open up a dialog box
8- Button to Join a Group

After the User joins the group...

9- Button to Share the page which will post a news feed on the wall of the user
10- Button which will slide down the page and revels more text
11- Button to do the following:

==============================
which will do the following:

<div align="center" id="help_button"><a style="cursor: pointer;" onclick="showHelp('scale', 'Widget Help', 'http://www.cpalead.com/widget-help.php?id=NDQxMTY%3D&pub=39722&clicked='+has_clicked);"><img border="0" src="http://static.cpalead.com/images/help/help_new.png"></a></div>

This will show below div tag

<div align="center" style="z-index: 1000000010; position: absolute; width: 100%; display: none;" id="help_wrap"><div align="center" style="background: url("http://static.cpalead.com/images/help/helpSkin.png") no-repeat scroll center top transparent; width: 700px; height: 437px;" id="help_frame"><div style="color: rgb(93, 93, 93); height: 37px; background-color: transparent;"><div style="float: right; width: 34px; height: 37px; margin-right: 24px;"><a style="cursor: pointer;" onclick="closeHelp('blind');"><img width="34" height="37" border="0" style="width: 34px; height: 37px; display: inline;" src="http://static.cpalead.com/images/help/closeButton.jpg"></a></div><div style="font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 18px; color: rgb(93, 93, 93); padding-top: 4px;" id="help_title">Widget Help</div></div><iframe width="100%" height="388" frameborder="0" style="background: none repeat scroll 0% 0% transparent; visibility: hidden; overflow: auto; display: inline;" allowtransparency="true" src="http://www.cpalead.com/widget-help.php?id=NDQxMTY%3D&pub=39722&clicked=0" id="help_iframe"></iframe><div style="height: 5px;"></div></div></div>

Reference: http://mafia-wars-glitcher.blogspot.com/2010/03/brand-new-working-glitches-unlimited.html

Just click the Need Help image and you will see how the image & the window popups up, i want the exact thing to happen for pop-up
==============================
*- I will user graphic image, please tell me how to do it and I will take care of the rest
**- Please tell me how to include the page backgrounds and all I will take care of it
***- If user is not the fan of page then they will only see 2 to 4