var prevContent;
var animInterval;
var menuLeft = 200;
var content, moveTo;
var menuDx;

function ReadAddress()
{
	var add = window.location.href.toString();
	var addr = add.split("#")
	if(addr.length > 1)
	{
		if(addr[1] != "home" && addr[1] != "")
			GoContent(addr[1], 1);
		
	}
}

function GetElement(id)
{
	var obj = document.getElementById(id);
	return obj;
}

function MoveToPosition(type)
{
	var hi = GetElement("hi");
	var tommy = GetElement("tommy");
	var fb = GetElement("fb");
	var im = GetElement("im");
	var gd = GetElement("gd");
	var menu = GetElement("menu");

	if(type == 1)
	{
		hi.style.top = "10px";
		hi.style.left = "165px";
		tommy.style.top = "72px";
		tommy.style.left = "169";
		fb.style.top = "111px";
		fb.style.left = "250px";
		im.style.top = "196px";
		im.style.left = "250px";
		gd.style.top = "221px";
		gd.style.left = "315px";
		//menu.style.top = "261px";
		//menu.style.left = "200px";
	}
	else if(type == 2)
	{
		hi.style.top = "20px";
		hi.style.left = "64px";
		tommy.style.top = "82px";
		tommy.style.left = "69";
		fb.style.top = "1px";
		fb.style.left = "170px";
		im.style.top = "90px";
		im.style.left = "290px";
		gd.style.top = "115px";
		gd.style.left = "355px";
		//menu.style.top = "161px";
		//menu.style.left = "590px";
	}
}
function GoContent(c, mt)
{
	content = c;
	moveTo = mt;
	if(prevContent == null)
		prevContent = c;
	else
	{
		GetElement(prevContent).style.display = "none";
		prevContent = c;
	}
	menuDx = -5;
	AnimateMenu();
}
function Reset()
{
	if(menuLeft == 200)
		return;
	GetElement("closelink").style.display = "none";
	menuDx = 5;
	AnimateMenu();
	GetElement(prevContent).style.display = "none";
	prevContent = null;
}

function AnimateMenu()
{
	animInterval = setInterval("MoveMenu()", 25);
}

function MoveMenu()
{
	var menu = GetElement("menu");
	menuLeft += menuDx;
	
	if(menuDx < 0)
	{
		if(menuLeft > 0)
			menu.style.left = menuLeft + "px";
		else if(menuLeft <= 0)
		{
			menuLeft = 0;
			clearInterval(animInterval);
			animInterval = 0;
			menu.style.left = menuLeft+"px";
			
			MoveToPosition(moveTo);
			var cont = GetElement(content);
			cont.style.display = "inline";
			
			GetElement("closelink").style.display = "inline";
		}
	}
	else
	{
		if(menuLeft < 200)
			menu.style.left = menuLeft + "px";
		else if(menuLeft <= 200)
		{
			menuLeft = 200;
			clearInterval(animInterval);
			animInterval = 0;
			menu.style.left = menuLeft+"px";
		}
	}
}