// This is for the RL menu
//window.addEventListener?window.addEventListener("load",init,false):window.attachEvent("onload",init);

var d=document, img, FadeOutSpeed, FadeInSpeed ;
FadeOutSpeed = 0.1;
FadeInSpeed = 0.1;

function init(){
 
	if(!d.getElementById || !d.createElement)return;
	css = d.createElement("link");
	css.setAttribute("href","xfader.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d.getElementsByTagName("head")[0].appendChild(css);

	var toBeCollapsed = document.getElementById('lyrMainMenu');
 	
	for(i=0;i<toBeCollapsed.getElementsByTagName('div').length;i++)
	{  
	
			if(toBeCollapsed.getElementsByTagName('div')[i].id.length>=5)
		 	if(toBeCollapsed.getElementsByTagName('div')[i].id.substring(0,6)=="lyrDiv") //if null, getAttribute('id') falls over in FF
			{	 
				// hide all
			 toBeCollapsed.getElementsByTagName('div')[i].style.display="none";
			 toBeCollapsed.getElementsByTagName('div')[i].xOpacity = 0.01;
			 toBeCollapsed.getElementsByTagName('div')[i].state=0;
				// show all
			 //toBeCollapsed.getElementsByTagName('div')[i].style.display="block";
			 //toBeCollapsed.getElementsByTagName('div')[i].xOpacity = 0.99;
				
			 //alert(toBeCollapsed.getElementsByTagName('div')[i].id + " Collapsed")
			 setOpacity(toBeCollapsed.getElementsByTagName('div')[i]);
			}

	} 
}

var bRunning;
function Fader(objName){
	//ChangeSize(objName)
	//return;

	//if (bRunning){ alert("already running Fader");return;}
	if (bRunning) return;
	img  = document.getElementById(objName)
	//alert("img.xOpacity: " + img.xOpacity)
	if(img.xOpacity >=.98) // fully visible
	{
		//alert("fadeout")
		img.style.display = "block";
		img.xOpacity = .99;
		FadeOut()
	}
	else// hidden
	{ //	alert("Fade In")
		FadeIn()
	}
	 
}

var oldText,oldHgt
function ChangeSize(objName){
	//var img
	//if (bRunning){ alert("already running cs");return;}
	if (bRunning) return;
	img  = document.getElementById(objName)


	//alert("ID: " + objName + ", " + img.state)
	// get div size
	document.getElementById("tempcontainer").innerHTML=img.innerHTML  ;
	DIV_HEIGHT=document.getElementById("tempcontainer").offsetHeight  ;
	
	oldHgt = DIV_HEIGHT + "px"	
	oldText = img.innerHTML
	
	if ( img.state == 1){ // Need to close
		img  = document.getElementById(objName)
		img.state = 0
		img.style.display = "none";
		//get inner div, resize and make progressively smaller
		img = document.getElementById(objName + "Inside")
		//alert(typeof( window[objName + "Inside"]  ))
		//if ( typeof(  window[objName + "Inside"]  ) != "undefined" ) {
		if (document.getElementById(objName + "Inside")  		){
			img.style.height = oldHgt
			img.style.display = "block";
			img.xOpacity = .99;
		}else{alert("obj undefined:" + objName + "Inside")
		}
		//alert("Making smaller ")
		MakeSmaller()
		
	}
	else{ // need to open
		img  = document.getElementById(objName)
		img.state = 1	
		img.style.display = "none";
		img.xOpacity = 0;
		setOpacity(img)
		img = document.getElementById(objName + "Inside")
		if ( typeof(  window[objName + "Inside"]  ) != "undefined" ) {
		 img.style.display = "block";
		 img.xOpacity = 0.99;
		 setOpacity(img)
		 img.style.height = DIV_HEIGHT + "px";
		}
		//alert("Making larger to:" + DIV_HEIGHT)
		//MakeLarger()		
		
		img = document.getElementById(objName + "Inside")
		if ( typeof(  window[objName + "Inside"]  ) != "undefined" ) { 		
		 img.style.display = "none";
		 img.xOpacity = 0;
		}
		img  = document.getElementById(objName) 
		img.xOpacity = 0.99;
		img.style.display = "block";
		setOpacity(img)
		//alert("hiding inside")
	}	

}
function MakeSmaller(){
	sHgt = img.style.height
	Hgt =  sHgt.substring( 0, sHgt.length-2)
	Hgt-=20
	//alert(sHgt)
	if (Hgt <=10){
		bRunning=false;
		//hide and then restore
		//img.innerHTML = oldText;
		img.style.display = "none";

		img.xOpacity = 0;		
		setOpacity(img)
		Hgt =  oldHgt.substring( 0, oldHgt.length-2)
	}else{
		bRunning=true;
		setTimeout(MakeSmaller,20);
	}
	  
	 img.style.height = Hgt + 'px';

	
}
function MakeLarger(){
var Hgt,sHgt
	Hgt=0.1
	sHgt = img.style.height
	Hgt =  sHgt.substring( 0, sHgt.length-2)
	if (isNaN(Hgt))
	{
		//alert(img.id + " :: Hgt: " + Hgt)
		Hgt = 10;
 
	}
	Hgt=(Hgt+10)
	//alert(Hgt +","+sHgt)
	if (Hgt >=DIV_HEIGHT){
		//alert(Hgt +">="+ DIV_HEIGHT)
		bRunning=false;
		//hide and then restore
		//img.innerHTML = oldText;
		/*img  = document.getElementById(objName)
		img.style.display = "block";
		img.xOpacity = 0.99;		
		setOpacity(img)
		*/
		Hgt =  oldHgt.substring( 0, oldHgt.length-2)
	}else{
		bRunning=true;
		setTimeout(MakeLarger,50);
	}
	  
	 img.style.height = Hgt + 'px';

	
}
function FadeIn(){
	var cOpacity;
	cOpacity = parseFloat(img.xOpacity);	

	cOpacity=(cOpacity+FadeInSpeed); 
	if (isNaN(cOpacity))
	{
		//alert(img.id + " :: cOpacity: " + cOpacity)
		cOpacity = 0.1;
		FadeInSpeed=0.3;
	}

		
	img.style.display = "block";
	img.xOpacity = cOpacity;
	setOpacity(img);
	
	if(cOpacity>=.99) {
		bRunning=false;
		img.style.display = "";
		//alert("Changing Size: " + img.id)
		ChangeSize(img.id);

	} else {
		bRunning=true;
		setTimeout(FadeIn,50);
	}
	

}
function FadeOut(){
	cOpacity = img.xOpacity;	

	cOpacity-=FadeOutSpeed; 
	img.style.display = "block";
	img.xOpacity = cOpacity;
	
	setOpacity(img);
	
	if(cOpacity<=0) {
		bRunning=false;
		//alert("Changing Size: " + img.id)
		ChangeSize(img.id);
		//img.style.display = "none";
	} else {
		bRunning=true;
		setTimeout(FadeOut,20);
	}
}


function setOpacity(obj) {
	if(obj.xOpacity>.99) {
		obj.xOpacity = .99;
		return;
	}
	// one of these has got to work in your browser!
	obj.style.opacity = obj.xOpacity;
	obj.style.MozOpacity = obj.xOpacity;
	obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}