/*******************************************
*
*
*******************************************/
var nav_nodes = new Array("hair", "nail", "spa");
var nodes = {
	"hair":"hair-node",
	"nail":"nail-node",
	"spa":"spa-node"
}
var service_nodes = new Array("hair-node", "nail-node", "spa-node");

function defaultServices() {
	document.getElementById("hair-node").style.display = "block";
	selectedService("hair");
}

function initServiceLinks() {
	var p = document.getElementById("services");
	var links = p.getElementsByTagName("a");

	for (var i = 0; i < links.length; i++) {
		links[i].onclick = function() {
			return !swapService(this);
		}
	}
}

function swapService(node) {
	if (node.style.display == "block") return;
	selectedService(node.id);
	for (var i = 0; i < service_nodes.length; i++) {
		if (service_nodes[i] == nodes[node.id]) {
			document.getElementById(nodes[node.id]).style.display = "block";
		}
		else {
			document.getElementById(service_nodes[i]).style.display = "none";
		}
	}
	return true;
}

function selectedService(id) {
	if (document.getElementById(id).className == "current") return;
	for (var i = 0; i < nav_nodes.length; i++) {
		var node = document.getElementById(nav_nodes[i]);
		if (nav_nodes[i] == id && (node.className == "service")) {
			node.className = "current";
		}
		else {
			node.className = "service";
		}
	}
	return true;
}

window.onload = function() {
	defaultServices();
	initServiceLinks();
}