// JavaScript Document

var LoadMainContent = new Spry.Widget.HTMLPanel("MainContentHTMLPanel",{evalScripts:true});
//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();}};
	LoadMainContent.addObserver(obs);
	LoadMainContent.loadContent("NlAccordionMenu.php");
	}
//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(){LoadMainContent.loadContent(theURL);}};
	var obs = {onPostUpdate:function(){openIt.start();}};
	closeIt2.start();
	closeIt2.addObserver(effectObs);
	LoadMainContent.addObserver(obs);
}

//Closing HTMLPanel.
function closeIt(){

  // Remove the observers that were added.
	closeIt2.start();
  LoadMainContent.removeObserver(myObserverFunc);
  LoadMainContent.removeObserver(obs);
}

var closeIt = new Spry.Effect.Fade("MainContentHTMLPanel",{from:'100%',to:'0%',duration:500,finish:runIt});
var closeIt2 = new Spry.Effect.Fade("MainContentHTMLPanel",{from:'100%',to:'0%',duration:500});
var openIt  = new Spry.Effect.Fade("MainContentHTMLPanel",{from:'0%',to:'100%',duration:500});