var timerlen = 5;
var widthchange = 15;
var ticker=0;
var current= [];
var goingObj;
var comingObj;
var active=0;
function slideContent(section, direction)
{
	if (active>0)
		return;
		
	active=1;	
	changeInt = widthchange;

	
	if(direction=='right')
	{
		comingObj = document.getElementById(current[section]);
		if(!comingObj)
			comingObj = document.getElementById(section).childNodes[1];
		goingObj = document.getElementById(comingObj.getAttribute("myRight"));
		goingObj.style.display="block";
		current[section]=goingObj.id;
	}
	else
	{
		goingObj = document.getElementById(current[section]);
		if(!goingObj)
			goingObj = document.getElementById(section).childNodes[1];
		comingObj = document.getElementById(goingObj.getAttribute("myLeft"));
		comingObj.style.display = "block";
		current[section]=comingObj.id;
	}
	ticker = setInterval('tick(\'' + direction + '\',\'' + changeInt + '\');',timerlen);
}

function tick(direction, changeInt)
{
	goingLeft = Number(goingObj.offsetLeft);
	goingWidth = Number(goingObj.clientWidth);
	comingLeft = Number(comingObj.offsetLeft);
	comingWidth = Number(comingObj.clientWidth);

	if(direction=='left')
	{	
		if(goingLeft <= -1*goingWidth)
		{
			clearInterval(ticker);
			goingObj.style.display="none";
			comingObj.style.left="0px";
			active=0;
			return;
		}
		comingObj.style.left = (Number(goingLeft)+Number(goingWidth))+"px";
		goingObj.style.left = (goingLeft-changeInt)+"px";
	}
	if(direction=='right')
	{

		if(comingLeft >= goingWidth)
		{
			clearInterval(ticker);
			comingObj.style.display="none";
			goingObj.style.left="0px";
			active=0;
			return;
		}
		goingObj.style.left = (comingLeft-goingWidth)+"px";
		comingObj.style.left = (Number(comingLeft)+Number(changeInt))+"px";
	}



}