var current = 1;
var content = "";
var content2 = "";

function showDiv(id, page)
{
	current = id;
	
	new Ajax.Request('ajax_content.cfm', {
		method: 'post',
		parameters: {id: id, page: page},
		onSuccess: function(transport) {
			content = transport.responseText;
		},
		onFailure: function(transport) {
			alert("An error has ocurred. Please try again.");
		}
	});
	
	
	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 showDiv2(id, page, section)
{
	current = id;
	
	new Ajax.Request('ajax_content.cfm', {
		method: 'post',
		parameters: {id: id, page: page, section: section},
		onSuccess: function(transport) {
			content = transport.responseText;
		},
		onFailure: function(transport) {
			alert("An error has ocurred. Please try again.");
		}
	});
	
	
	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 showDiv3(page, section, dest)
{
	
	new Ajax.Request('ajax_content.cfm', {
		method: 'post',
		parameters: { page: page, section: section},
		onSuccess: function(transport) {
			content2 = transport.responseText;
		},
		onFailure: function(transport) {
			alert("An error has ocurred. Please try again.");
		}
	});
	
	var div_container = document.getElementById(dest);
	
	if(div_container.style.display != "none")
	{
		new Effect.toggle(dest,'appear', {duration: .5});
	}
	destination = dest;
	letter = section;
	setTimeout("div_appear2(destination, letter)", 1000);
}

function div_appear2(id, letter)
{
	var div_container = document.getElementById(id);

	document.getElementById(id).innerHTML = content2;
	
	if(div_container.style.display == "none")
	{
		new Effect.toggle(id,'appear', {duration: .5});
	}
	
	highlightLetter(letter)
}

function div_appear(id)
{
	var div_container = document.getElementById("div_container");
	var id = document.getElementById("div_holder").value
	/*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";
	*/
	document.getElementById("div_container").innerHTML = content;
	
	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;
	}
	else
	{
		current++;
	}
	
	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);
}