Effects on exisiting events?

Question

I have the following code that I would like to add effects to. I hve been trying to use the examples in the "examples" folder in the spry zip file but I can't seem to get it to work. I have three links that control sliding panels.
CODE for links and JS:
function countryClick(event) {
    var australiaContent = new Spry.Widget.HTMLPanel("countryArea", {evalScripts: true});
    var spryObs = {onPostUpdate: function(){Spry.Data.initRegions("countryArea")}};
    australiaContent.addObserver(spryObs);
    australiaContent.loadContent('country/australia/australia.html');
Spry.Utils.addEventListener("countryGallery", "click", countryClick, false);
I would like to add a fade out/in effect but amnot sure how or where to augment the above code.
I know I will probably need to integrate the effect in the above function as I have tried to write a separate function which makes the above function not work.
Thanx!!

Answer 1

So you did check out this example:? http://labs.adobe.com/technologies/spry/samples/htmlpanel/html_panel_two.html
var hp4 = new Spry.Widget.HTMLPanel("effects");
//The Photoshop link runs this function. It is a simple version of an observer, but the content link is hardcoded.
function runIt(){
   var obs = {onPostUpdate: function(){openIt.start();}};
   hp4.addObserver(obs);
   hp4.loadContent("frag-0.html");
//The Illustrator link runs this function. The new content URL is passed into the function. This is more flexible.
function tryIt(theURL){
   var effectObs = {onPostEffect:function(){hp4.loadContent(theURL);}};
   var obs = {onPostUpdate:function(){openIt.start();}};
   closeIt2.start();
   closeIt2.addObserver(effectObs);
   hp4.addObserver(obs);
var closeIt = new Spry.Effect.Blind("effects",{from:'100%',to:'0%',duration:500,finish:runIt});
var closeIt2 = new Spry.Effect.Blind("effects",{from:'100%',to:'0%',duration:500});
var openIt  = new Spry.Effect.Blind("effects",{from:'0%',to:'100%',duration:500});