var arrow, url, menu;
var arrow_top_offset = 10;
var arrow_height = 46;

function orderNumber(obj)
{
	var objects = obj.parentNode.getElementsByTagName(obj.tagName);
	var n = 0;
	
	for (var i = 0; i < objects.length; i++)
	{
		if (objects[i] == obj)
			return n;
		
		n++;
	}
	
	return -1;
}

window.onload = function()
{
	arrow = document.getElementById("arrow");
	url = document.getElementById("url");
	
	menu = document.getElementById("menu");
	var items = menu.getElementsByTagName("div");
	
	// HANDLERS
	
	for (var i = 0; items[i]; i++)
	{
		items[i].onmouseover 	= back_on;
		items[i].onmouseout 	= hide_all;
		items[i].onclick		= function()
		{
			window.location.href =
				this.getElementsByTagName("a")[0].href;
		}
	}
	
	document.getElementById("page").onmouseover = assign_selected;
	document.getElementById("flash").onmouseover = assign_selected;
	
	// RUN SELECTING ITEMS
	
	assign_selected();
	
	
	
	document.getElementById('div1').style.display = 'none';
	document.getElementById('div2').style.display = 'none';
	document.getElementById('div3').style.display = 'none';
}

function back_on()
{
	hide_all();
	
	this.className = "item selected";
	
	if (document.all)
	{
		arrow.style.display	= "block";
		arrow.style.top 	= (arrow_top_offset + arrow_height * orderNumber(this)) + "px";
	}
}

function hide_all()
{
	var items = menu.getElementsByTagName("div");
	
	for (var i = 0; items[i]; i++)
		if(i == 5)
			items[i].className = "item2";
		else
			items[i].className = "item";
	
	arrow.style.display = "none";
}

function assign_selected()
{
	var links = menu.getElementsByTagName("a");
	
	for (var i = 0; links[i]; i++)
		if (links[i].href.replace(/.*\?p=/g, "") == url.innerText)
		{
			links[i].parentNode.className = "item selected";
			
			arrow.style.display	= "block";
			arrow.style.top 	= (arrow_top_offset + arrow_height * i) + "px";
		}
}