// JavaScript Document
function show_timeline(){
	if (document.getElementById("timeline").style.display=="none"){
		document.getElementById("timeline").style.display="block";
		document.getElementById("timeline_tab").style.bottom="349px";
	} else {
		document.getElementById("timeline").style.display="none";
		document.getElementById("timeline_tab").style.bottom="1px";
	}
}

/*Fold up down */
function FoldElement(contentId) {
	var contentElement = document.getElementById(contentId);
	
	if (contentElement.style.display == 'none') {
		TransitionShowNode(contentElement);
	} else if (contentElement.style.display == 'block' || !contentElement.style.display) {
		TransitionHideNode(contentElement);
	}
}

function TransitionHideNode(contentElement) {
	SlideElement(contentElement.id, false);
}

function TransitionShowNode(contentElement) {
	SlideElement(contentElement.id, true);
}

function SlideElement(elementId, show) {
	var slideSpeed = 10;
	var slideTimer = 10;

	var content = document.getElementById(elementId);
	var content_inner = document.getElementById(elementId + "_inner");
	var height = content.clientHeight;
	
	if (height == 0) {
		height = content.offsetHeight;
		content.style.display = 'block';
	}
	
	height = height + (show ? slideSpeed : -slideSpeed);

	var rerun = true;
	if (height >= content_inner.offsetHeight)
	{
		height = content_inner.offsetHeight;
		rerun = false;
	}
	else if (height <= 1)
	{
		height = 0;
		rerun = false;
	}

	content.style.height = height + 'px';
	document.getElementById("timeline_tab").style.bottom=height + 'px';;
	
	var topPos = height - content_inner.offsetHeight;
	if (topPos > 0)
	{
		topPos = 0;
	}

	/* content_inner.style.top = topPos + 'px'; */
	content_inner.style.top = '0';

	if (rerun)
	{
		setTimeout("SlideElement('"+ elementId + "', " + show + ");", slideTimer);
	}
	else
	{
		if (height <= 1)
		{
			content.style.display = 'none';
		}
	}
}




function foldElementSideways(elementId, onRight) {
	/* var width = document.getElementById(elementId).clientWidth; */
	var width = 349;
	var rightPos = document.getElementById(elementId + "_inner").offsetLeft;
	
	if (onRight && rightPos < width) {
		SlideElementSideways(elementId, true, false);
	} else if (!onRight && rightPos < 0) {
		SlideElementSideways(elementId, true, true);
	} else if (onRight && rightPos >= width) {
		SlideElementSideways(elementId, false, true);
	} else if (!onRight && rightPos >= 0) {
		SlideElementSideways(elementId, false, false);
	}
}

function SlideElementSideways(elementId, toRight, show) {
	
	var slideSpeed = 10;
	var slideTimer = 10;

	/*var contents = document.getElementById(elementId);*/
	/*var width = contents.clientWidth;*/
	var inner = document.getElementById(elementId + "_inner");
	var width = 349;

	var rightPos = inner.offsetLeft;
	rightPos += (toRight ? slideSpeed : -slideSpeed);

	var rerun = true;
	if (toRight) {
		if ((show && rightPos > 0) || (!show && rightPos > width)) {
			if (show) {
				rightPos = 0;
			} else {
				rightPos = width;
			}
			rerun = false;
		}
	} else {
		if ((show && rightPos < 0) || (!show && rightPos < -width)) {
			if (show) {
				rightPos = 0;
			} else {
				rightPos = -width;
			}
			rerun = false;
		}
	}

	inner.style.left = rightPos + "px";

	if (rerun) {
		setTimeout("SlideElementSideways('" + elementId + "', " + toRight + ", " + show + ");", slideTimer);
	}
} 

/* Perfil */
function foldElementLeft(elementId) {
	var leftPos = document.getElementById(elementId).offsetLeft;
	
	if (leftPos < 0) {
		SlideElementLeft(elementId,true);
	} else {
		SlideElementLeft(elementId,false);
	}
}

function SlideElementLeft(elementId, show) {
	
	var slideSpeed = 10;
	var slideTimer = 10;

	var element = document.getElementById(elementId);
	var width = -349;

	var leftPos = element.offsetLeft;
	leftPos += (show ? slideSpeed : -slideSpeed);

	var rerun = true;

	if ((show && leftPos > 0) || (!show && leftPos < width)) {
		if (leftPos > 0) {
			leftPos = 0;
		} else if (leftPos < width) {
			leftPos = width;	
		}
		rerun = false;
	}

	element.style.left = leftPos + "px";

	if (rerun) {
		setTimeout("SlideElementLeft('" + elementId + "', " + show + ");", slideTimer);
	}
}


/* Ranking */
function foldElementRight(elementId) {
	var width = document.getElementById(elementId).clientWidth;
	
	if (width > 42) {
		SlideElementRight(elementId,false);
	} else {
		SlideElementRight(elementId,true);
	}
}

function SlideElementRight(elementId, show) {
	
	var slideSpeed = 10;
	var slideTimer = 10;

	var content = document.getElementById(elementId);
	var width = content.clientWidth;

	width += (show ? slideSpeed : -slideSpeed);

	var rerun = true;

	if ((show && width > 391) || (!show && width < 42)) {
		if (width > 391) {
			width = 391;
		} else if (width < 42) {
			width = 42;	
		}
		rerun = false;
	}
	
	content.style.width = width + 'px';

	if (rerun) {
		setTimeout("SlideElementRight('" + elementId + "', " + show + ");", slideTimer);
	}
}