To do this, I believe you will need to design a different FXP in Catalyst for each website page. For your navigations/buttons that go to those pages, you simply make the interaction on click to go to the URL of the HTML page it corresponds to.
Then publish for the web and edit the names and contents of each main.html and main.swf so that they have the correct naming. Catalyst will publish them by default as main.html and main.swf so you must change the names to, say, gallery.hmtl and gallery.swf for one pair plus edit the contents of the gallery.html (do search for Main and replace the instances with Gallery for example) and so on ..
Someone might know of an easier way, but this is what to comes to mind.
I'll try to answer some of these.
As for loading, you will want to make sure all the images are linked and elements not used on a state are removed (not just turned invisible). Peter Flynn's session on Flash Catalyst at the 2010 Adobe MAX conference covered this. You can view it on tv.adobe.com (MAX 2010 Design - Mastering Flash Catalyst | Adobe TV)
Adobe has worked with all the major search engines to provide methods to allow the content in the SWF to be indexed. Here is an article on it (SEO | Adobe Developer Connection)
As for browser history management, you are going to have to add this to your project using Flash Builder. Here is some information on it: http://oreilly.com/flash/excerpts/seo-for-flash/understanding-browsermanager-class.html
Hope this gets you started.
Is there anyway to have the optimized (non-flash) content show before the rest of the site loads? I am trying to design a creative way to engage the user while the bulk of the site loads, besides just using a standard loading bar. Thoughts?
You can look into using a custom pre-loader as well to blend the load into the overall visual design.
You might try watching this tutorial by Adobe's Lee Brimelow athttp://gotoandlearn.com/play.php?id=108. Another tutorial can be found here:http://www.leavethatthingalone.com/blog/index.cfm/2009/11/11/Flex4Cus tomPreloader
Ok, so forgive me for my lack of flex experience, but I have been trying to create a simple custom preloader for days now and can not come up with one. All I want is a logo with a progress bar or % loaded. something like this would be great http://media2.fwpublications.com/Adobe_Flash_Catalyst/FC_wonderland-HOW/main.html
That said, I have tried following the link Chris posted, but I get lost halfway through it. If anyone has a more simple solution please share it! I could really use the help...