function hide(id)
{
document.getElementById(id).style.display='none';
}

function show(id)
{
document.getElementById(id).style.display='block';
}

function toggle(id)
{
var element=document.getElementById(id);
if (element.style.display=='none') {element.style.display='block'} else {element.style.display='none'};
}

function getHeight(id)
{
 height = document.getElementById(id).offsetHeight;
return height;
}

function getWidth(id)
{
width = document.getElementById(id).offsetWidth;
return width;
}

function reveal(id)
{
jTweener.removeTween(document.getElementById(id));
document.getElementById(id).style.height='auto';
document.getElementById(id).style.display='block';
maxheight = getHeight(id);
document.getElementById(id).style.height=0;
//document.getElementById(id).style.opacity=0;
//jTweener.addTween(document.getElementById(id), {height: maxheight, opacity: 1, time: 0.5, transition: 'easeinoutcubic'});
jTweener.addTween(document.getElementById(id), {height: maxheight, time: 0.5, transition: 'easeinoutcubic'});
}

function collapse(id)
{
document.getElementById(id).style.height = getHeight(id);
jTweener.removeTween(document.getElementById(id));
jTweener.addTween(document.getElementById(id), {height: 0, time: 0.5, transition: 'easeinoutcubic'});
//jTweener.addTween(document.getElementById(id), {height: 0, opacity: 0, time: 0.5, transition: 'easeinoutcubic'});
}

function revealorcollapse (id)
{
if ((getHeight(id))==0) {reveal(id)} else {collapse(id)};
}