var slideElement = null;
var slideParent = null;
var maxHeight = 0;
var maxWidth = 0;

$(document).ready(function(){
	initSlideElement('details_text', 'details');
});

function initSlideElement(obj, parent)
{
	slideElement = document.getElementById(obj);
	slideParent = document.getElementById(parent);
	maxHeight = 100;
	maxWidth = 581;
	
	slideElement.collapsed = true;
}

function toggleExpand(obj)
{
	slideElement = document.getElementById(obj);
	
	if(slideElement.collapsed == false)
	{
		slideUpStep1();
		slideElement.collapsed = true;
	}
	else
	{
		slideDownStep1();
		slideElement.collapsed = false;
	}
}

function slideUpStep1()
{
	newTop = 249 - maxHeight;
	animate(slideElement.id, 0, newTop, maxWidth, maxHeight, 250, slideUpStep2);
}

function slideUpStep2()
{
	animate(slideElement.id, 0, 249, maxWidth, 0, 250, null);
	animate(slideParent.id, 0, 226, 60, 20, 250, null);
}

function slideDownStep1()
{
	animate(slideElement.id, 0, 249,  maxWidth, 0, 250, slideDownStep2);
}

function slideDownStep2()
{
	newTop = 249 - maxHeight;
	animate(slideElement.id, 0, newTop,  maxWidth, maxHeight, 250, null);
	animate(slideParent.id, 0, newTop-20, 60, 20, 250, null);
}