// JavaScript Document


var transition = 'Back';
var ease = 'easeInOut';

var topOpen = false;


function toggleTop()
{
	var L;
	var T;
	var target = $('topPopup');
	var fx = new Fx.Styles(target, {duration: 1500, wait: false});
	
	var arrow = $('topArrow');
	
	T = target.getTop();
	
	if(topOpen)
	{
		L = -830;
		arrow.src = '../images/popup_arrow_open.gif';
		topOpen = false;
	}
	else
	{
		L = -40;
		arrow.src = '../images/popup_arrow_close.gif';
		topOpen = true;
	}
		
	fx.options.transition = Fx.Transitions[transition][ease];
	
	fx.start({
		'top': T,
		'left': L
	});
	
}


var bottomOpen = false;

function toggleBottom()
{
	var L;
	var T;
	var target = $('bottomPopup');
	var fx = new Fx.Styles(target, {duration: 1500, wait: false});
	
	var arrow = $('bottomArrow');
	
	T = target.getTop();
	
	if(bottomOpen)
	{
		L = -830;
		arrow.src = '../images/popup_arrow_open.gif';
		bottomOpen = false;
	}
	else
	{
		L = -40;
		arrow.src = '../images/popup_arrow_close.gif';
		bottomOpen = true;
	}
		
	fx.options.transition = Fx.Transitions[transition][ease];
	
	fx.start({
		'top': T,
		'left': L
	});
	
}