var sliding = new Array();
var curPosition = new Array();
var maxPosition = 91;
var menuHeight = new Array();
var slideInterval = new Array();
var slideOpening = new Array();
var opening = false;
var slideLoop;

window.onload = function()
{
	document.getElementById('navigation-opt-1').style.height = '91px';
	document.getElementById('navigation-opt-2').style.height = '20px';
	document.getElementById('navigation-opt-3').style.height = '20px';
	document.getElementById('navigation-opt-4').style.height = '20px';
	document.getElementById('navigation-opt-5').style.height = '20px';
	
	curPosition[1] = 91;
	curPosition[2] = 20;
	curPosition[3] = 20;
	curPosition[4] = 20;
	curPosition[5] = 20;
	
	sliding[1] = false;
	sliding[2] = false;
	sliding[3] = false;
	sliding[4] = false;
	sliding[5] = false;
}

function slideMenu(idnum)
{ 
	var newPosition;
	
	if (opening == false) 
	{
		if (slideLoop)
			clearInterval(slideLoop);
		
	if (idnum == 1)
	{
		if (document.getElementById('navigation-opt-1').style.height == '20px')
		{
			opening = true;
			slideInterval[1] = setInterval('slide(1, 20, 91)',10);
			slideOpening[1] = setInterval('stopopening(1)',10);

			document.getElementById('navigation-opt-1').style.marginBottom = '2px';
		}

		if (document.getElementById('navigation-opt-2').style.height == '91px')
		{
			slideInterval[2] = setInterval('slide(2, 91, 20)',10);
			document.getElementById('navigation-opt-2').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-3').style.height == '91px')
		{
			slideInterval[3] = setInterval('slide(3, 91, 20)',10);
			document.getElementById('navigation-opt-3').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-4').style.height == '91px')
		{
			slideInterval[4] = setInterval('slide(4, 91, 20)',10);
			document.getElementById('navigation-opt-4').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-5').style.height == '91px')
		{
			slideInterval[5] = setInterval('slide(5, 91, 20)',10);
			document.getElementById('navigation-opt-5').style.marginBottom = '0px';
		}
	}

	if (idnum == 2)
	{
		if (document.getElementById('navigation-opt-2').style.height == '20px')
		{
			opening = true;
			slideInterval[2] = setInterval('slide(2, 20, 91)',10);
			slideOpening[2] = setInterval('stopopening(2)',10);

			document.getElementById('navigation-opt-2').style.marginBottom = '2px';
		}

		if (document.getElementById('navigation-opt-1').style.height == '91px')
		{
			slideInterval[1] = setInterval('slide(1, 91, 20)',10);
			document.getElementById('navigation-opt-1').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-3').style.height == '91px')
		{
			slideInterval[3] = setInterval('slide(3, 91, 20)',10);
			document.getElementById('navigation-opt-3').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-4').style.height == '91px')
		{
			slideInterval[4] = setInterval('slide(4, 91, 20)',10);
			document.getElementById('navigation-opt-4').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-5').style.height == '91px')
		{
			slideInterval[5] = setInterval('slide(5, 91, 20)',10);
			document.getElementById('navigation-opt-5').style.marginBottom = '0px';
		}
	}

	if (idnum == 3)
	{
		if (document.getElementById('navigation-opt-3').style.height == '20px')
		{
			opening = true;
			slideInterval[3] = setInterval('slide(3, 20, 91)',10);
			slideOpening[3] = setInterval('stopopening(3)',10);

			document.getElementById('navigation-opt-3').style.marginBottom = '2px';
		}
		
		if (document.getElementById('navigation-opt-1').style.height == '91px')
		{
			slideInterval[1] = setInterval('slide(1, 91, 20)',10);
			document.getElementById('navigation-opt-1').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-2').style.height == '91px')
		{
			slideInterval[2] = setInterval('slide(2, 91, 20)',10);
			document.getElementById('navigation-opt-2').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-4').style.height == '91px')
		{
			slideInterval[4] = setInterval('slide(4, 91, 20)',10);
			document.getElementById('navigation-opt-4').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-5').style.height == '91px')
		{
			slideInterval[5] = setInterval('slide(5, 91, 20)',10);
			document.getElementById('navigation-opt-5').style.marginBottom = '0px';
		}
	}

	if (idnum == 4)
	{
		if (document.getElementById('navigation-opt-4').style.height == '20px')
		{
			opening = true;
			slideInterval[4] = setInterval('slide(4, 20, 91)',10);
			slideOpening[4] = setInterval('stopopening(4)',10);

			document.getElementById('navigation-opt-4').style.marginBottom = '2px';
		}

		if (document.getElementById('navigation-opt-1').style.height == '91px')
		{
			slideInterval[1] = setInterval('slide(1, 91, 20)',10);
			document.getElementById('navigation-opt-1').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-2').style.height == '91px')
		{
			slideInterval[2] = setInterval('slide(2, 91, 20)',10);
			document.getElementById('navigation-opt-2').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-3').style.height == '91px')
		{
			slideInterval[3] = setInterval('slide(3, 91, 20)',10);
			document.getElementById('navigation-opt-3').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-5').style.height == '91px')
		{
			slideInterval[5] = setInterval('slide(5, 91, 20)',10);
			document.getElementById('navigation-opt-5').style.marginBottom = '0px';
		}
	}

	if (idnum == 5)
	{
		if (document.getElementById('navigation-opt-5').style.height == '20px')
		{
			opening = true;
			slideInterval[5] = setInterval('slide(5, 20, 91)',10);
			slideOpening[5] = setInterval('stopopening(5)',10);

			document.getElementById('navigation-opt-5').style.marginBottom = '2px';
		}

		if (document.getElementById('navigation-opt-1').style.height == '91px')
		{
			slideInterval[1] = setInterval('slide(1, 91, 20)',10);
			document.getElementById('navigation-opt-1').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-2').style.height == '91px')
		{
			slideInterval[2] = setInterval('slide(2, 91, 20)',10);
			document.getElementById('navigation-opt-2').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-3').style.height == '91px')
		{
			slideInterval[3] = setInterval('slide(3, 91, 20)',10);
			document.getElementById('navigation-opt-3').style.marginBottom = '0px';
		}

		if (document.getElementById('navigation-opt-4').style.height == '91px')
		{
			slideInterval[4] = setInterval('slide(4, 91, 20)',10);
			document.getElementById('navigation-opt-4').style.marginBottom = '0px';
		}
	}
	} else {
		clearInterval(slideLoop);
		if (idnum == 1) { slideLoop = setInterval('slideMenu(1)', 5); }
		if (idnum == 2) { slideLoop = setInterval('slideMenu(2)', 5); }
		if (idnum == 3) { slideLoop = setInterval('slideMenu(3)', 5); }
		if (idnum == 4) { slideLoop = setInterval('slideMenu(4)', 5); }
		if (idnum == 5) { slideLoop = setInterval('slideMenu(5)', 5); }
	}

	return;
}

function slide(idnum, curPos, newPosition)
{
	if (sliding[idnum] == false)
		curPosition[idnum] = curPos;

	sliding[idnum] = true;
	
	speed = (newPosition - curPosition[idnum])*0.2;
	if (newPosition < curPosition[idnum]) // rolling left
	{
		if (curPosition[idnum] + speed - 1 <= newPosition) { clearInterval(slideInterval[idnum]); sliding[idnum] = false; document.getElementById('navigation-opt-'+idnum).style.height = newPosition +'px'; return; }
	} else { // rolling right
		if (curPosition[idnum] + speed + 1 >= newPosition) { clearInterval(slideInterval[idnum]); sliding[idnum] = false; document.getElementById('navigation-opt-'+idnum).style.height = newPosition +'px'; return; }
	}
	curPosition[idnum] += speed;

	document.getElementById('navigation-opt-'+idnum).style.height = curPosition[idnum] +'px';
}

function stopopening(idnum)
{
	if (sliding[idnum] == false)
	{
		opening = false;
		clearInterval(slideOpening[idnum]);
	}
}