// ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
// 
// Coded by Travis Beckham
// http://www.squidfingers.com | http://www.podlob.com
// If want to use this code, feel free to do so, but please leave this message intact.
//
// ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
// --- version date: 06/02/03 ---------------------------------------------------------

// ||||||||||||||||||||||||||||||||||||||||||||||||||
// Node Functions
var lastComponent;
function loadContent(url, id, component) {
	//alert (id);
	//$("#samples").html($.load(url));
	$("#menu span").removeClass("highlighted");
	$(id).addClass("highlighted");
	if (component) {
		//alert($("#menu > li").size());
		$("#menu > li > ol").css("display", "none");
		if (lastComponent) {
			lastComponent.className="";
		}
		component.className="active";
		lastComponent = component;
		if (activeMenu) {
//			alert(activeMenu);
			activeMenu.className="";
			activeMenu = null;
		}
	}
	$("#work").load(url);

}

if(!window.Node){
	var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
}
function checkNode(node, filter){
	return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
}
function getChildren(node, filter){
	var result = new Array();
	var children = node.childNodes;
	for(var i = 0; i < children.length; i++){
		if(checkNode(children[i], filter)) result[result.length] = children[i];
	}
	return result;
}
function getChildrenByElement(node){
	return getChildren(node, "ELEMENT_NODE");
}
function getFirstChild(node, filter){
	var child;
	var children = node.childNodes;
	for(var i = 0; i < children.length; i++){
		child = children[i];
		if(checkNode(child, filter)) return child;
	}
	return null;
}
function getFirstChildByText(node){
	return getFirstChild(node, "TEXT_NODE");
}
function getNextSibling(node, filter){
	for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
		if(checkNode(sibling, filter)) return sibling;
	}
	return null;
}
function getNextSiblingByElement(node){
	return getNextSibling(node, "ELEMENT_NODE");
}

// ||||||||||||||||||||||||||||||||||||||||||||||||||
// Menu Functions & Properties

var activeMenu = null;

function showMenu(){
	if (lastComponent) {
		lastComponent.className="";
		//alert($("#menu > li").eq(0));
	}
	if(activeMenu){
		activeMenu.className = "";
		var sibling = getNextSiblingByElement(activeMenu)
		if (sibling) { 
			sibling.style.display = "none";
		}
	}
	if(this == activeMenu){
		activeMenu = null;
	}else{
		this.className = "active";
		var sibling = getNextSiblingByElement(this);
		if (sibling) {
			sibling.style.display = "block";
		}
		activeMenu = this;
	}
	return false;
}
function initMenu(){
	var menus, menu, text, a, i;
	menus = getChildrenByElement(document.getElementById("menu"));
	for(i = 0; i < menus.length; i++){
		menu = menus[i];
		text = getFirstChildByText(menu);
		a = document.createElement("a");
		menu.replaceChild(a, text);
		a.appendChild(text);
		a.href = "#";
		a.onclick = showMenu;
		a.onfocus = function(){this.blur()};
	}
}