hello friends, long time reader, first time poster.
i'm slowly picking up this whole javascript thing, and i'm looking for some help.

i've got this portfolio website i'm building, and i'm having a hard time making javascript do what i want it to do.

essentially, i'm building these projects in the jquery UI accordian with the project info popping out underneath on click.
what i'm trying to figure out is how to do project specific fading:

ie:
on page load, all project thumbs have 0.3 opacity except the most recent (auto open) project thumb.
THEN
when the user clicks on another project, the other open project collapses AND the selected project thumb stays 1.0 opacity (that the hover function initiates)
AND
The other project thumb (of the previously "open" project fades back down to its initial .3 opacity.

thus making it nicer to see the currently selected project.


the site is at http://www.danielevangarza.com/recent



this is my (pretty simple) opacity changing script:

$(document).ready(function(){
$("h3").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$("h3").hover(function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
});
});

and help would be most appreciated!
thank you all!
daniel.