var current = 1;

function showDiv(id)
{
	current = id;
	var div_container = document.getElementById("div_container");
	
	if(div_container.style.display != "none")
	{
		new Effect.toggle('div_container','appear', {duration: .5});
	}
	
	document.getElementById("div_holder").value = id;
	
	setTimeout("div_appear()", 1000);
}

function div_appear()
{
	var div_container = document.getElementById("div_container");
	var children = div_container.getElementsByTagName("div");
	for(i=0; i < children.length; i++)
	{
		children[i].style.display = "none";
	}

	var id = document.getElementById("div_holder").value
	var showMe = document.getElementById("div_" + id);
	showMe.style.display = "block";
	
	if(div_container.style.display == "none")
	{
		new Effect.toggle('div_container','appear', {duration: .5});
	}
	
	setColor(id);
}

function setColor(id)
{	
	var leftNav = document.getElementById("left_nav");
	var children = leftNav.getElementsByTagName("li");
	
	var onColor = "#003974";
	var offColor = "#aaaaaa";
	
	for(i=0; i < children.length; i++)
	{
		children[i].className = 'leftnavOff';
	}
		
	document.getElementById("button_" + id).className = 'leftnavOn';
	document.getElementById("button_" + id).blur();
}

function nextCat()
{
	var div_container = document.getElementById("div_container");
	var children = div_container.getElementsByTagName("div");
	
	if(current == children.length)
	{
		current = 1;
		
		//alert('current: ' + current + ' | children: ' + children + ' | children.length: ' + children.length);
	}
	else
	{
		current++;
		//alert('current: ' + current + ' | children: ' + children + ' | children.length: ' + children.length);
	}
	
	showDiv(current);
}

function prevCat()
{
	var div_container = document.getElementById("div_container");
	var children = div_container.getElementsByTagName("div");
	
	if(current == 1)
	{
		current = children.length;
	}
	else
	{
		current--;
	}
	
	showDiv(current);
}