Images become dark and saturated Photoshop JPEG

Question

So I have noticed several people having this problem, and the solutions that work for them don't seem to work for me!
I start in Camera Raw 8.0, then move to photoshop to crop and tweak a little bit more, then when I save to JPEG and view in windows photo viewer or other medium, the photo is dark and overly saturated.  I understand that photoshop is a color mangaged space, and that most other programs are not, but I still can't figure out how to make what I see in photoshop translate to the JPEG image.  These will eventually be used on a website and I need everything to look as professional as possible.  The image on the right is really dark, especially on the front lawn and porch.
Here are my color settings:
If anyone can help, it would be greatly appreciated.

Answer 1

I suspect that when you're seeing your images not looking right you're viewing them through an incorrectly or incompletely color-managed combination of software and settings.  Note that Internet Explorer, while it does read image color profiles, can ONLY show you proper color if your monitors are set to display the sRGB IEC61966-2.1 color space accurately.  It makes the (incorrect) assumption that all monitors are sRGB.  I believe Windows Photo Viewer only does proper color-management if set to display in a window, not full-screen.
If you're wanting to publish on the web, one generally accepted "least of evils" method is to publish the images with a profile and in the sRGB IEC61966-2.1 color space.  At least that way people with "standard gamut" monitors will see them with similar to accurate colors, and folks with properly color-managed setups will see them accurately.  Firefox and Safari do NOT assume your monitor is sRGB, and both use the image and monitor color-profiles during image display.
In the bottom-center of Camera Raw is what looks like a link for setting workflow options.  If you click it, it will allow you to set Camera Raw to open your images into any of several profiles.  As I recall, the out-of-box default is Adobe RGB.  You *could* consider converting your images to the sRGB color space directly, then whenever you save them they'll be in the color-space that's more likely to be seen properly.  Or you could open them into a wider gamut color space (as they are by default), then Convert them (your last dialog above) to the sRGB color space before saving as JPEG (or use the Save For Web function to do that conversion while creating the JPEG).
There's really no "one set of best parameters" you can just set and forget for color-management.  All the various settings and functions have a good reason for being provided.  The important thing is to start to understand how color-management works, so you can begin to make the settings and workflow choices that make the most sense for you, to accomplish your goals.
Note that some programs aren't color-managed at all, still others are improperly doing it, and others actually get it right.  You really can't be sure everyone is going to see your image in the correct colors, so you have to try for a good compromise.  Yes, color-management in the real world is kind of a mess.
-Noel