var TimeToFade = 1000.0;
var screengrabs_available  = 0;

function closeScreengrabs(id,newHeight) {



	screengrabs_goaway(id,newHeight);

}


function showScreengrab(image) {
	if (screengrabs_available) {
		window.open(image,'')
	}
}

function toggleScreengrabs(id,newHeight) { 

	
	var element = document.getElementById(id);
	
	//alert("Set height to: "+element.clientHeight);
	
	if (element.clientHeight < newHeight) {
		screengrabs_appear(id,newHeight);
	} else {
		screengrabs_goaway(id,36);
	}



}


function fade(eid)
{
var element = document.getElementById(eid);
 if(element == null)
  return;
  
 if(element.FadeState == null)
 {
  if(element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1')
  {
   element.FadeState = 2;
  }
  else
  {
   element.FadeState = -2;
  }
 }
  
 if(element.FadeState == 1 || element.FadeState == -1)
 {
  element.FadeState = element.FadeState == 1 ? -1 : 1;
  element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
 }
 else
 {
  element.FadeState = element.FadeState == 2 ? -1 : 1;
  element.FadeTimeLeft = TimeToFade;
  setTimeout("animateFade(" + new Date().getTime() 
    + ",'" + eid + "')", 33);
 } 
}


function animateFade(lastTick, eid)
{ 
 var curTick = new Date().getTime();
 var elapsedTicks = curTick - lastTick;
 
 var element = document.getElementById(eid);
 
 if(element.FadeTimeLeft <= elapsedTicks)
 {
  element.style.opacity = element.FadeState == 1 ? '1' : '0';
  element.style.filter = 'alpha(opacity = ' 
    + (element.FadeState == 1 ? '100' : '0') + ')';
  element.FadeState = element.FadeState == 1 ? 2 : -2;
  return;
 }
 
 element.FadeTimeLeft -= elapsedTicks;
 var newOpVal = element.FadeTimeLeft/TimeToFade;
 if(element.FadeState == 1)
  newOpVal = 1 - newOpVal;

 element.style.opacity = newOpVal;
 element.style.filter = 
   'alpha(opacity = ' + (newOpVal*100) + ')';
 
 setTimeout("animateFade(" + curTick 
   + ",'" + eid + "')", 33);
}


function screengrabs_goaway(id, newHeight) {

		setTimeout(animateHeightChangeShrink,100,id,newHeight);

		//We're done, fade in the screengrabs
		fade('effects');
		fade('actions');
		fade('page');
		fade('tree');
		fade('detail');
		fade('closescreengrabs');
		
		screengrabs_available = 0;

}


function animateHeightChangeShrink(id,newHeight) {


	//alert(id + ": "+ newHeight)

	var element = document.getElementById(id);


	//alert("Set height to: "+element.clientHeight);





	if (element.clientHeight > newHeight) {
		element.style.height =	(element.clientHeight - 3) + "px"
		setTimeout(animateHeightChangeShrink,2,id,newHeight);
	} 


}

function screengrabs_appear(id,newHeight) {


	//alert(id + ": "+ newHeight);

	var element = document.getElementById(id);


	//alert("Set height to: "+element.clientHeight);


	if (element.clientHeight < newHeight) {
		element.style.height =	(element.clientHeight + 3) + "px";
		setTimeout(screengrabs_appear,2,id,newHeight);
	} else {
	
		//We're done, fade in the screengrabs
		fade('effects');
		fade('actions');
		fade('page');
		fade('tree');
		fade('detail');
		fade('closescreengrabs');
	
	}

	screengrabs_available = 1;

}



function animateWidthChange(id,newHeight) { 



	var element = document.getElementById(id);


	element.style.height = newHeight +"px";

}