//Note that you have to require "dojo.fx" to use the wipe methods. 
  //These are not included in the base.

dojo.require("dojox.fx");
dojo.require("dojox.fx._base");
//dojo.addOnLoad(doWipe);
//dojo.addOnLoad(hidelist);
var toggle;
function doWipe() {
	var wipeOut = dojo.fx.wipeOut({node: "listWipe",duration: 250});
	var wipeIn = dojox.fx.wipeTo({node: "listWipe",height: 200, duration: 250});
	var currentAnimation;
    switch(toggle) {
      case 1:
	  	toggle=0;
        currentAnimation = wipeOut;
        break;
      case 2: 
	  	toggle=1;
        currentAnimation = wipeIn;
        break;
      default:
        toggle=1;
		currentAnimation = wipeIn;
        break;
    }
    //Play the animation. Without this call, it will not run.
    currentAnimation.play();
  }
  
//function hidelist(){
//	document.getElementById('listWipe').style.display="none";	
//}
function hidesearch(){
	document.getElementById('SearchContainer_Div').style.display="none";	
	document.getElementById('BrowseContainer_Div').style.display="block";
	document.getElementById('B_TabSearch_Div').style.backgroundColor="#E2ECF5";
	document.getElementById('B_TabBrowse_Div').style.backgroundColor="#AAC6E1";
	document.getElementById('B_TabSearch_Div').style.height="15px";
	document.getElementById('B_TabBrowse_Div').style.height="16px";
}
function hidebrowse(){
	document.getElementById('SearchContainer_Div').style.display="block";	
	document.getElementById('BrowseContainer_Div').style.display="none";
	document.getElementById('S_TabSearch_Div').style.backgroundColor="#AAC6E1";
	document.getElementById('S_TabBrowse_Div').style.backgroundColor="#E2ECF5";
}
function hidebrowseandsearch(){
	document.getElementById('SearchContainer_Div').style.display="none";	
	document.getElementById('BrowseContainer_Div').style.display="none";
}
function swaptabimage(){
	document.getElementById("tabA1").className="unselected";
	document.getElementById("tabA2").className="unselected";
	document.getElementById("tabA3").className="unselected";
	document.getElementById("tabA4").className="unselected";
	document.getElementById("tabA5").className="selected";
}
function hidesearchtabimage(){
	document.getElementById("tabA5").className="unselected";
}